* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
} 
 
ol,
ul {
  list-style: none
}

:focus {
  outline: 0
}

::selection {
  background: rgba(1, 136, 251, .25)
}

::-moz-selection {
  background: rgba(1, 136, 251, .25)
}

body {
  width: 100%;
  color: #2b2b2b;
  /* background-color:#e6eae7 */
  font-size: 14px;
    line-height: 1.42857143;
}
 
textarea {
  font-family: "PingFang SC", "Microsoft YaHei", "黑体", "宋体", sans-serif
}

a img {
  border: none
}

a,
a:hover,
a:link,
a:visited {
  border-bottom: 0;
  text-decoration: none;
  transition: color .2s ease-in
}

a.attrlink,
a:hover.attrlink {
  text-decoration: underline
}

body .hidden {
  display: none
}

.clear {
  clear: both
}

.inputboxwrap {
  position: fixed;
  height: 25px;
  border-bottom: 1px solid #e0e2e4;
  position: relative;
  line-height: inherit
}

.cell-head {
  width: 50px;
  height: 100%;
  box-sizing: border-box;
  display: inline-block;
  text-align: center;
  line-height: inherit;
  border-left: 1px solid #e0e2e4;
  border-top: 1px solid #e0e2e4;
  background-color: #fff;
  color: #777;
  float: left;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.cell-input {
  width: calc(100% - 50px);
  height: 100%;
  box-sizing: border-box;
  line-height: 23px;
  font-size: 12px;
  float: left;
  resize: none;
  overflow-y: hidden;
  border: 1px solid #e0e2e4;
  border-bottom: 0;
  /* position: fixed; */
  height: 25px;
}

.cell-input:disabled {
  background: #fff
}

.inputbox-resize {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 3px;
  width: 100%
}

.inputbox-resize:hover {
  background: #00a4ff;
  cursor: row-resize
}

textarea {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.tip {
  position: absolute;
  display: inline-block;
  z-index: 1000
}

.tip .tip-box {
  border: 1px solid #ccc;
  display: inline-block;
  padding: 16px 22px 16px 22px;
  max-width: 200px;
  border-radius: 5px;
  font-size: 18px;
  color: rgba(119, 129, 146, .94);
  text-shadow: #fff 0 1px 0;
  box-shadow: 0 1px 2px #ccc;
  -moz-box-shadow: 0 1px 2px #ccc;
  background: rgba(250, 250, 250, .96)
}

.tip .arrow-up {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid rgba(250, 250, 250, .96);
  margin-top: -10px
}

.tip .arrow-up-border {
  width: 0;
  height: 0;
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  border-bottom: 11px solid #ccc;
  margin-left: -1px
}

.tip .arrow-top-left {
  position: absolute;
  left: 20%;
  top: -10px
}

.tip .arrow-top-right {
  position: absolute;
  left: 80%;
  top: -10px
}

.boxsizingBorder {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

body,
body>header {
  transition: all .2s cubic-bezier(.2, .3, .25, .9)
}

body>header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  min-width: 0;
  z-index: 100;
  text-align: center;
  white-space: nowrap;
  width: 100%
}

/*!
    * Handsontable @@version
    * Handsontable is a JavaScript library for editable tables with basic copy-paste compatibility with Excel and Google Docs
    *
    * Copyright @@year Handsoncode sp. z o.o. <hello@handsontable.com>
    * Licensed under the MIT license.
    * http://handsontable.com/
    *
    * Date: @@timestamp
    */

 

.handsontable a,
.handsontable a:hover,
.handsontable a:link,
.handsontable a:visited {
  text-decoration: underline
}

.handsontable table,
.handsontable tbody,
.handsontable td,
.handsontable th,
.handsontable thead {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box
}

.handsontable tbody {
  overflow-x: hidden;
  overflow-y: hidden
}

.handsontable table,
.handsontable tbody,
.handsontable td,
.handsontable th,
.handsontable thead {
  -webkit-user-select: none;
  user-select: none
}

.handsontable table.newVersionFontSize {
  font-size: 14px
}

.ht_clone_top_left_corner tbody tr:last-child td,
.ht_clone_top_left_corner tbody tr:last-child th {
  border-bottom: 1px solid #018ffb
}

.ht_clone_top_left_corner tbody tr td:last-child,
.ht_clone_top_left_corner.freezed-left-border thead tr th:last-child {
  border-right: 1px solid #018ffb
}

.handsontable td,
.handsontable th {
  /* border: 1px solid #e0e2e4;  */
  /* line-height: normal; */
  vertical-align: middle;
  word-wrap: break-word;
  word-break: normal;
  cursor: default;
}

.handsontable th {
  height: 22px
}

.handsontable.mobile th {
  height: 20px
}

.handsontable td.textWrapOverflow {
  overflow: visible
}

.handsontable tr th {
  vertical-align: middle
}

.handsontable tbody tr:first-child th+td {
  overflow: visible
}

.handsontable th:last-child {
  border-right: 1px solid #e0e2e4;
  border-bottom: 1px solid #e0e2e4
}

.handsontable th.htNoFrame,
.handsontable th:first-child.htNoFrame,
.handsontable tr:first-child th.htNoFrame {
  border-left-width: 0;
  background-color: #fff;
  border-color: #fff
}

.handsontable .htNoFrame+td,
.handsontable .htNoFrame+th,
.handsontable th:first-child {
  border-left: 1px solid #e0e2e4
}

.handsontable.htRowHeaders thead tr th:nth-child(2) {
  border-left: 1px solid #e0e2e4
}

.handsontable tr:first-child th {
  border-top: 1px solid #e0e2e4
}

.handsontable table.zoomNormal th {
  font-size: 9px
}

.handsontable table.zoomSmall th {
  font-size: 6px
}

.handsontable tbody th.ht__highlight,
.handsontable thead th.ht__highlight {
  background-color: #e1e2e6
}

.handsontable table>thead th.ht__highlight {
  border-bottom-color: #e0e2e4
}

.handsontable.ht__selection--columns thead th.ht__highlight,
.handsontable.ht__selection--rows tbody th.ht__highlight {
  background-color: #8eb0e7;
  color: #000;
  border-bottom-color: #e0e2e4;
  border-right-color: #e0e2e4
}

.handsontable table>thead>tr>th:first-child {
  position: relative
}

.handsontable table>thead>tr>th:first-child::after {
  content: '';
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  right: 4px;
  bottom: 4px;
  background: url(../images/corner-e1c5a24cfb.png) no-repeat center
}

.handsontable .manualColumnMover {
  position: fixed;
  left: 0;
  top: 0;
  background-color: transparent;
  width: 5px;
  height: 25px;
  z-index: 999;
  cursor: move
}

.handsontable .manualRowMover {
  position: fixed;
  left: -4px;
  top: 0;
  background-color: transparent;
  height: 5px;
  width: 50px;
  z-index: 999;
  cursor: move
}

.handsontable .manualColumnMoverGuide,
.handsontable .manualRowMoverGuide {
  position: fixed;
  left: 0;
  top: 0;
  background-color: #ccc;
  width: 25px;
  height: 25px;
  opacity: .7;
  display: none
}

.handsontable .manualColumnMoverGuide.active,
.handsontable .manualRowMoverGuide.active {
  display: block
}

.handsontable .manualColumnMover.active,
.handsontable .manualColumnMover:hover,
.handsontable .manualRowMover.active,
.handsontable .manualRowMover:hover {
  background-color: #88f
}

.handsontable td.formula-error {
  position: relative
}

_:-ms-fullscreen,
:root .handsontable td.formula-error {
  position: static
}

.handsontable td.formula-error .errorTips {
  font-size: 14px;
  -ms-transform: none;
  -webkit-transform: none
}

_:-ms-fullscreen,
:root .handsontable td.formula-error .errorTips {
  position: relative
}

.handsontable td.formula-error .triangle {
  width: 10px;
  height: 10px;
  background: url(//s1.url.cn/tim/docs/static/img/newpic/error-sheet-background-1fdda70058.png) no-repeat center;
  position: absolute;
  z-index: 10;
  top: 0;
  right: 0
}

_:-ms-fullscreen,
:root .handsontable td.formula-error .triangle {
  top: -1px;
  right: -4px
}

.handsontable td.formula-error .contentMergeCell .triangle {
  right: -4px
}

.formula-error-wrap {
  padding-top: 1px;
  width: 330px;
  background-color: #fff;
  position: relative;
  border: 1px solid #ccc;
  box-shadow: 3px 3px 3px #ccc;
  z-index: 12
}

.formula-error-content {
  margin: 20px auto 20px 20px
}

.error-tip-close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 24px;
  height: 24px;
  background: url(//s1.url.cn/tim/docs/static/img/newpic/error-tip-close-ff6d20b707.png) no-repeat center
}

.error-tip-close:hover {
  background: #f5f5f5 url(//s1.url.cn/tim/docs/static/img/newpic/error-tip-close-hover-e11b95fd29.png) no-repeat center
}

.formula-detail-item-close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 24px;
  height: 24px;
  background: url(//s1.url.cn/tim/docs/static/img/newpic/error-tip-close-ff6d20b707.png) no-repeat center
}

.formula-detail-item-close:hover {
  background: #f5f5f5 url(//s1.url.cn/tim/docs/static/img/newpic/error-tip-close-hover-e11b95fd29.png) no-repeat center
}

.formula-detail-wrap {
  position: relative
}

.formula-error-title {
  color: #ff4419;
  font-size: 16px;
  display: block
}

.formula-error-detail {
  color: #333;
  font-size: 14px;
  display: inline-block;
  margin-top: 20px
}

.ht_master.overflowAuto {
  overflow: auto
}

.autocompleteEditor::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  background-color: #f4f4f4
}

.autocompleteEditor::-webkit-scrollbar-thumb {
  background-color: #b8babd;
  border-radius: 20px;
  border: 3px solid transparent;
  background-clip: padding-box
}

.autocompleteEditor::-webkit-scrollbar-track:vertical {
  margin-top: 0
}

.autocompleteEditor::-webkit-scrollbar-track:horizontal {
  margin-left: 0
}

.knowMore .grayItemTitle {
  color: #8fa0b1
}

.knowMore .paddingLeft {
  padding-left: 5px
}

.handsontableInputHolder.invisible .autocompleteEditor {
  display: none
}

.handsontable .manualColumnResizer.active,
.handsontable .manualColumnResizer:hover,
.handsontable .manualRowResizer.active,
.handsontable .manualRowResizer:hover {
  background-color: #00a4ff
}

.handsontable .manualColumnResizerGuide {
  background-color: rgba(255, 255, 255, 0);
  border-right: 1px solid #00a4ff;
}

.handsontable .manualRowResizerGuide {
  background-color: rgba(255, 255, 255, 0);
  border-bottom: 1px solid #00a4ff;
}

.handsontable th.afterHiddenColumn::before,
.handsontable th.beforeHiddenColumn::after {
  content: '\25C0';
  right: 1px;
  top: 2px;
}

.handsontable th.afterHiddenColumn::before {
  left: 1px;
  top: 2px;
  right: auto;
  content: '\25B6'
}

.handsontable td.afterHiddenColumn.firstVisible {
  border-left: 1px solid #e0e2e4
}

.handsontable thead th.hiddenHeader {
  display: none
}

.handsontable .wtBorder.area,
.handsontable .wtBorder.current {
  cursor: move;
  cursor: -moz-grab;
  cursor: -webkit-grab;
  cursor: grab
}

.handsontable .wtBorder.area.selection-area {
  cursor: default
}

.handsontable .wtBorder.current.selection-area {
  pointer-events: none
}

.handsontable .wtBorder.selection-area {
  pointer-events: none
}

.handsontableInput {
  padding: 1px 5px 0 5px;
  line-height: normal;
  display: inline-block;
}

.handsontableInput::-webkit-scrollbar-track-piece {
  background-color: #fff
}

.handsontableInput::-webkit-scrollbar {
  width: 10px;
  height: 10px
}

.handsontableInput::-webkit-scrollbar-thumb {
  background: #cfd2d5
}

.handsontableInputHolder {
  z-index: 100;
  height: 20px
}

.handsontableInputTag {
  position: absolute;
  top: -24px;
  height: 20px;
  background-color: #00a4ff;
  color: #fff;
  padding: 1px 3px;
  font-size: 14px;
  white-space: nowrap
}

.handsontableInputTag.hidden {
  visibility: hidden
}

.handsontable .htSubmenu :after {
  content: '▶';
}

.handsontable .htNumeric {
  text-align: right;
  word-wrap: normal;
  white-space: nowrap
}

.htCommentCell:after {
  border-top: 6px solid red
}

.handsontable .handsontable.ht_clone_top .wtHider {
  padding: 0 0 5px 0
}

.handsontable.listbox .ht_master table {
  border: 1px solid #e0e2e4;
}

.autocompleteEditor.handsontable.dropdown-border {
  box-shadow: 3px 3px 3px #ccc
}

.handsontable.listbox td.htDimmed {
  padding: 0;
  margin: 0;
  color: #333;
  font-size: 14px;
  height: 28px;
  line-height: 28px;
  border: 0
}

.handsontable.listbox .formula-brief-item {
  margin: 0 30px
}

.handsontable.listbox .formula-detail-item {
  margin: 20px;
  line-height: 14px;
  white-space: normal
}

.handsontable.listbox .formula-detail-subtitle {
  color: #777;
  margin: 20px 0 8px 0
}

.handsontable.listbox .formula-detail-subdetail {
  line-height: 20px
}

.handsontable.listbox .formula-detail-subitem:first-child .formula-detail-subdetail {
  line-height: 14px
}

.handsontable .highlight-detail {
  background-color: #fff6d8
}

.handsontable table>tbody div.shape-anchor {
  position: absolute;
  width: 0;
  height: 0;
  left: 0;
  top: 0
}

.handsontable table tbody div.shape {
  position: absolute;
  transform-origin: 0
}

.handsontable table tbody div.shape img {
  display: block;
  width: 100%;
  height: 100%;
  user-select: none;
  -webkit-user-drag: none
}

.handsontable table tbody div.shape img.loading {
  width: 0 !important;
  height: 0 !important;
  padding: 10px;
  overflow: hidden;
  background-size: cover;
  background-image: url(//s1.url.cn/tim/docs/static/img/insertimagload-ed5b87dc53.png);
  animation: loadingAnimation 2s linear infinite;
  -webkit-animation: loadingAnimation 2s linear infinite;
  -moz-animation: loadingAnimation 2s linear infinite
}

@keyframes loadingAnimation {
  0% {
    transform: rotate(0)
  }
  50% {
    transform: rotate(180deg)
  }
  100% {
    transform: rotate(360deg)
  }
}

div.shape.editing>div.editKit {
  position: absolute;
  left: 0;
  top: 0;
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 100%;
  cursor: move;
  border: solid 1px #0096fd
}

div.shape.editing>div.editKit>div.ep {
  position: absolute;
  width: 0;
  height: 0;
  border: solid 3px #0096fd
}

div.shape.editing>div.editKit>div.lt.ep {
  top: -3px;
  left: -3px;
  cursor: nwse-resize
}

div.shape.editing>div.editKit>div.rt.ep {
  top: -3px;
  right: -3px;
  cursor: nesw-resize
}

div.shape.editing>div.editKit>div.bl.ep {
  bottom: -3px;
  left: -3px;
  cursor: nesw-resize
}

div.shape.editing>div.editKit>div.br.ep {
  bottom: -3px;
  right: -3px;
  cursor: nwse-resize
}

.htCommentTextArea {
  -moz-box-shadow: 1px 1px 2px #bbb;
  -webkit-box-shadow: 1px 1px 2px #bbb;
  background-color: #fffacd;
  border: 1px solid #999;
  box-shadow: 1px 1px 2px #bbb;
  font-family: Arial
}

.handsontable tbody tr th:nth-last-child(2) {
  border-right: 1px solid #e0e2e4
}

.handsontable thead tr:nth-last-child(2) th.htGroupIndicatorContainer {
  border-bottom: 1px solid #e0e2e4;
  padding-bottom: 5px
}

.ht_clone_top_left_corner thead tr th:nth-last-child(2) {
  border-right: 1px solid #e0e2e4
}
 

.ht_master .overflowAuto {
  overflow: auto
}

.dataTable .ht_master .wtHolder::-webkit-scrollbar {
  width: 17px;
  height: 17px;
  background-color: #f4f4f4
}

.dataTable .ht_master .wtHolder::-webkit-scrollbar-thumb {
  background-color: #b8babd;
  border-radius: 20px;
  border: 3px solid transparent;
  background-clip: padding-box
}

.dataTable .ht_master .wtHolder::-webkit-scrollbar-track:vertical {
  margin-top: 22px
}

.dataTable .ht_master .wtHolder::-webkit-scrollbar-track:horizontal {
  margin-left: 50px
}

.ht_clone_left .wtHolder {
  overflow-x: hidden;
  overflow-y: auto
}

.ht_clone_left .wtHolder::-webkit-scrollbar {
  width: 0;
  height: 0
}

.ht_clone_top .wtHolder::-webkit-scrollbar {
  width: 0;
  height: 0
}

.ht_clone_bottom .wtHolder,
.ht_clone_top .wtHolder {
  overflow-x: auto;
  overflow-y: hidden
}

.rt_sheetlink {
  cursor: default;
  color: #00f
}

.dataTable a:active {
  color: #00f
}

.wtDebugHidden {
  display: none
}

.wtDebugVisible {
  display: block;
  -webkit-animation-duration: .5s;
  -webkit-animation-name: wtFadeInFromNone;
  animation-duration: .5s;
  animation-name: wtFadeInFromNone
}

.ftOverlay-arrowdown {
  position: absolute;
  display: none
}

.ftOverlay-arrowdown-outer {
  position: absolute;
  border: 9px solid transparent;
  border-top-color: #333;
  width: 0;
  height: 0;
  top: -1px
}

.ftOverlay-arrowdown-inner {
  position: absolute;
  border: 9px solid transparent;
  width: 0;
  display: none;
  border-top-color: #333;
  height: 0;
  z-index: 1
}

.ftOverlay-arrowup {
  position: absolute;
  display: none
}

.ftOverlay-arrowup-outer {
  position: absolute;
  border: 9px solid transparent;
  border-bottom-color: #333;
  width: 0;
  height: 0
}

.ftOverlay-arrowup-inner {
  position: absolute;
  border: 9px solid transparent;
  width: 0;
  display: none;
  border-top-color: #333;
  height: 0;
  z-index: 1
}

@keyframes wtFadeInFromNone {
  0% {
    display: none;
    opacity: 0
  }
  1% {
    display: block;
    opacity: 0
  }
  100% {
    display: block;
    opacity: 1
  }
}

@-webkit-keyframes wtFadeInFromNone {
  0% {
    display: none;
    opacity: 0
  }
  1% {
    display: block;
    opacity: 0
  }
  100% {
    display: block;
    opacity: 1
  }
}

.search-replace-container {
  width: auto;
  height: auto;
  position: fixed;
  top: 100px;
  right: 10px;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, .15), 0 2px 5px 0 rgba(0, 0, 0, .25);
  background-color: #fff;
  z-index: 500;
  font-size: 14px;
  color: #000;
  cursor: default;
  user-select: none;
  width: 376px
}

.search-replace-tab-container {
  font-size: 14px;
  color: #8c8c8c;
  width: 285px;
  height: 28px;
  padding-top: 24px;
  padding-left: 24px
}

.search-replace-tab-container li {
  height: 28px;
  margin-right: 24px;
  display: inline-block;
  cursor: pointer;
  user-select: none;
  font-size: 16px
}

.search-replace-tab-container li.active {
  color: #188bf7 !important;
  border-bottom: 2px solid #188bf7
}

.search-replace-content-container {
  border-top: 1px solid rgba(0, 0, 0, .05)
}

.search-replace-input {
  font-family: "Microsoft YaHei", "黑体", "宋体", sans-serif;
  font-size: 14px;
  width: 265px;
  height: 32px;
  line-height: 32px;
  text-indent: 10px;
  border: 1px solid #ddd;
  border-right: none;
  margin-left: 24px
}

.search-replace-input2 {
  width: 325px
}

input::-ms-clear {
  display: none
}

.search-tab-content {
  width: 100%;
  height: auto;
  padding: 0;
  margin: 0;
  padding-top: 28px;
  font-size: 14px
}

.search-tab-content .info {
  font-size: 14px;
  margin-left: 24px;
  margin-top: -2px;
  margin-bottom: 8px;
  color: #333
}

.search-tab-content .info2 {
  font-size: 14px;
  margin-left: 24px;
  margin-top: -4px;
  margin-bottom: 8px;
  margin-top: 14px;
  color: #333
}

.search-button-container {
  width: 100%;
  line-height: 26px;
  height: 26px;
  vertical-align: middle;
  margin-top: 26px;
  margin-bottom: 28px;
  position: relative;
  left: -24px
}

.search-button-container2 {
  width: 100%;
  line-height: 26px;
  height: 26px;
  vertical-align: middle;
  margin-top: 32px;
  margin-bottom: 28px;
  padding-left: 22px
}

.search-result {
  border: 0;
  color: #0080ff;
  font-size: 14px
}

.search-replace-button {
  width: 72px;
  line-height: 30px;
  height: 30px;
  border-radius: 2px;
  cursor: pointer;
  margin-left: 16px;
  float: right;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  box-sizing: border-box;
  font-size: 14px
}

.replace-all-button,
.replace-button,
.search-next-button,
.skip-next-button {
  color: #fff;
  background-color: #0188fb
}

.replace-cancel-button,
.search-cancel-button {
  background-color: #fff;
  border: 1px solid #c3c8cc;
  color: #333;
  line-height: 28px
}

.replace-all-button,
.replace-button,
.replace-cancel-button,
.skip-next-button {
  position: relative;
  left: -16px
}

.search-count-info1 {
  position: absolute;
  color: #bbb;
  width: 60px;
  height: 32px;
  top: 81px;
  right: 27px;
  font-size: 16px;
  line-height: 29px;
  border: 1px solid #ddd;
  border-left: none;
  text-align: right;
  padding-right: 10px
}

.search-count-info2 {
  position: absolute;
  color: #bbb;
  width: 60px;
  height: 32px;
  top: 106px;
  right: 25px;
  font-size: 16px;
  line-height: 29px;
  border: 1px solid #ddd;
  border-left: none;
  text-align: right;
  padding-right: 10px
}

.search-replace-tab-hover {
  color: #188bf7
}

.toolbar-search {
  background-position: 4px -300px
}

.search-close {
  position: absolute;
  top: 4px;
  right: -7px;
  width: 27px;
  height: 16px;
  float: right;
  background-position: 0 -184px;
  cursor: pointer
}

.search-button-disabled {
  pointer-events: none;
  background: #ebebeb;
  color: #aaa;
  font-size: 14px
}

.search-close-wraper {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 6px;
  right: 6px
}

.error-border {
  border: 1px solid #ef4e2f !important;
  color: #ef4e2f
}

.disable-button {
  pointer-events: none;
  background: #ebebeb !important;
  color: #aaa !important
}

input::-ms-clear {
  display: none
}

.tr-hide-row {
  height: 0
}

.tr-hide-row .relative {
  position: absolute
}

.tr-hide-row td,
.tr-hide-row th {
  height: 0;
  border-bottom: none !important
}

.tr-hide-row th div {
  height: 0;
  border: none
}

.th-hide-col .hide-wraper,
.tr-hide-row .hide-wraper {
  width: 50px;
  left: -5px;
  height: 20px;
  position: absolute;
  z-index: 10000000;
  transform: translateY(-50%);
  cursor: pointer
}

.th-hide-col .hide-wraper {
  left: -24px
}

.th-hide-col .icon-both,
.tr-hide-row .icon-both {
  width: 17px;
  height: 35px;
  position: absolute;
  z-index: 10000000;
  transform: translateY(-50%);
  cursor: pointer;
  top: 9px;
  left: 0;
  border: 2px solid transparent;
  box-sizing: border-box;
  border-radius: 2px
}

.th-hide-col .icon-both {
  width: 35px;
  height: 17px;
  top: 19px;
  left: 6px
}

.icon-both:hover {
  background: #fff;
  border: 2px solid #d4d4d4;
  border-radius: 2px;
  box-sizing: border-box
}

.tr-hide-row .icon-bottom,
.tr-hide-row .icon-left,
.tr-hide-row .icon-right,
.tr-hide-row .icon-top {
  width: 17px;
  height: 17px;
  background-repeat: no-repeat;
  position: absolute
}

.th-hide-col .icon-bottom,
.th-hide-col .icon-left,
.th-hide-col .icon-right,
.th-hide-col .icon-top {
  width: 17px;
  height: 17px;
  background-repeat: no-repeat;
  position: absolute
}

.tr-hide-row .icon-top {
  background-size: 4px 7px;
  background-position: 6px 5px;
  left: -2px;
  top: -2px;
  transform: rotate(90deg);
  background-image: url()
}

.tr-hide-row .icon-bottom {
  top: 12px;
  background-position: 11px 5px;
  background-size: 4px 7px;
  left: -2px;
  transform: rotate(90deg);
  background-image: url()
}

.th-hide-col .icon-top {
  background-size: 4px 7px;
  background-position: 6px 3px;
  left: -2px;
  background-image: url()
}

.th-hide-col .icon-bottom {
  top: 0;
  background-position: 8px 3px;
  background-size: 4px 7px;
  left: 16px;
  background-image: url()
}

.tr-hide-row .icon-top:active {
  background-color: #ddd;
  box-sizing: border-box
}

.tr-hide-row .icon-bottom:active {
  background-color: #ddd;
  box-sizing: border-box
}

.th-hide-col .icon-top:active {
  background-color: #ddd;
  box-sizing: border-box
}

.th-hide-col .icon-bottom:active {
  background-color: #ddd;
  box-sizing: border-box
}

.th-hide-col .icon-down,
.tr-hide-row .icon-down {
  background: #00f;
  width: 20px;
  height: 10px;
  position: absolute;
  z-index: 10000000;
  cursor: pointer;
  transform: translateY(-50%)
}

.tr-hide-row .rowHeader {
  display: none
}

.tr-hide-row td {
  display: none
}

.th-hide-col {
  width: 0
}

.th-hide-col .relative {
  position: absolute;
  top: 0
}

.th-hide-col td,
.th-hide-col th {
  width: 0;
  border-right: none !important
}

.th-hide-col th div {
  width: 0;
  border: none
}

.th-hide-col .colHeader {
  display: none
}

.th-hide-col td {
  display: none
}

.col-hide-cell div {
  display: none
}

.filter-container {
  z-index: 1003;
  position: fixed;
  font-family: "Microsoft YaHei", "黑体", "宋体", sans-serif
}

.filter-container label {
  font-family: "Microsoft YaHei", "黑体", "宋体", sans-serif
}

.filter-panel-container {
  padding: 31px 0 24px 0;
  width: 257px;
  height: 248px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, .15), 0 2px 5px 0 rgba(0, 0, 0, .25);
  box-shadow: 0 0 0 0 rgba(0, 0, 0, .15), 0 2px 5px 0 rgba(0, 0, 0, .25);
  border-radius: 2px
}

.filter-panel-container .waffle-filterbox-list-title {
  width: 71px;
  font-size: 14px;
  font-weight: 400;
  font-stretch: normal;
  letter-spacing: 0;
  color: #000;
  padding-bottom: 10px;
  margin-left: 19px
}

.goog-menu-filter {
  padding-bottom: 12px;
  margin-right: 19px;
  margin-left: 19px
}

.filter-search-container {
  width: 218px;
  height: 24px;
  border-radius: 1px;
  border: solid 1px #cecfd0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.filter-search-container .dropdown-search {
  border-bottom: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 8px
}

.filter-search-container .dropdown-search .dropdown-search-icon {
  top: 0;
  position: inherit;
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url() no-repeat center center
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
  .filter-search-container .dropdown-search .dropdown-search-icon {
    background: url() no-repeat center center;
    background-size: 16px
  }
}

.filter-search-container .dropdown-search .search-ipt {
  padding-left: 4px;
  width: 100%;
  border: 0;
  outline: 0;
  color: #333;
  font-size: 14px
}

.filter-search-container .dropdown-search .search-ipt:focus::-webkit-input-placeholder {
  color: transparent
}

.filter-search-container .dropdown-search .search-ipt:focus:-moz-placeholder {
  color: transparent
}

.filter-search-container .dropdown-search .search-ipt:focus::-moz-placeholder {
  color: transparent
}

.filter-search-container .dropdown-search .search-ipt:focus:-ms-input-placeholder {
  color: transparent
}

.li-checkbox {
  height: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.li-checkbox .styled-checkbox {
  position: absolute;
  opacity: 0
}

.li-checkbox .styled-checkbox+label {
  position: relative;
  padding: 0;
  display: inline-block;
  height: 12px;
  width: 100%;
  white-space: nowrap;
  word-wrap: normal;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  font-stretch: normal;
  letter-spacing: 0;
  color: #000;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.li-checkbox .styled-checkbox+label:before {
  content: "";
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-top;
  width: 10px;
  height: 10px;
  border-radius: 2px;
  border-style: solid;
  border-color: #cccdce;
  border-width: 1px
}

.li-checkbox .styled-checkbox:hover+label:before {
  border-color: #0188fb
}

.li-checkbox .styled-checkbox:checked+label:before {
  background: #2495ff
}

.li-checkbox .styled-checkbox:disabled+label {
  color: #b8b8b8;
  cursor: auto
}

.li-checkbox .styled-checkbox:disabled+label:before {
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #ddd
}

.li-checkbox .styled-checkbox:checked+label:before {
  border-color: #2495ff
}

.li-checkbox .styled-checkbox:checked+label:after {
  content: "";
  position: absolute;
  left: 2px;
  top: 12px;
  background: #fff;
  width: 2px;
  height: 2px;
  border-color: #2495ff;
  -webkit-box-shadow: 2px 0 0 #fff, 4px 0 0 #fff, 4px -2px 0 #fff, 4px -4px 0 #fff, 4px -6px 0 #fff, 4px -8px 0 #fff;
  box-shadow: 2px 0 0 #fff, 4px 0 0 #fff, 4px -2px 0 #fff, 4px -4px 0 #fff, 4px -6px 0 #fff, 4px -8px 0 #fff;
  -webkit-transform: rotate(45deg) scale(.8);
  -ms-transform: rotate(45deg) scale(.8);
  transform: rotate(45deg) scale(.8)
}

.list-wrap {
  margin-bottom: 19px;
  overflow-y: auto;
  height: 135px;
  margin-right: 5px;
  margin-left: 16px
}

.list-wrap .empty-wrap {
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.list-wrap .empty-wrap .empty-wording {
  font-size: 14px;
  color: rgba(0, 0, 0, .3)
}

.list-wrap::-webkit-scrollbar {
  width: 8px;
  height: 10px
}

.list-wrap::-webkit-scrollbar-thumb {
  background-color: rgba(204, 204, 204, .5);
  opacity: .5;
  border-radius: 4px;
  background-clip: padding-box
}

.list-wrap::-webkit-scrollbar-track:vertical {
  margin-top: 0
}

.list-wrap::-webkit-scrollbar-track:horizontal {
  margin-left: 0
}

.list-wrap .waffle-filterbox-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 219px;
  cursor: pointer;
  padding-left: 6px
}

.list-wrap .waffle-filterbox-content:hover {
  background-color: #f4f5f6
}

.list-wrap .waffle-filterbox-content .filter-item-num {
  cursor: pointer;
  font-weight: 400;
  font-stretch: normal;
  letter-spacing: 0;
  color: #000
}

.list-wrap .waffle-filterbox-content .filter-item-num .value-span {
  max-width: 87%;
  overflow: hidden;
  white-space: nowrap;
  word-wrap: normal;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis
}

.waffle-filterbox-button-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-right: 19px
}

.waffle-filterbox-button-container .waffle-filterbox-cancel-button {
  margin-left: 12px
}

.waffle-filterbox-button-container .jfk-button-action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 64px;
  height: 26px;
  background-color: #188bf7;
  border-radius: 2px;
  font-family: "Microsoft YaHei", "黑体", "宋体", sans-serif;
  font-size: 14px;
  font-weight: 400;
  font-stretch: normal;
  line-height: 20px;
  letter-spacing: 0;
  color: #fff
}

.waffle-filterbox-button-container .jfk-button-action:hover {
  background-color: #45a5ff
}

.waffle-filterbox-button-container .jfk-button-action:active {
  background-color: #4598ff
}

.waffle-filterbox-button-container .waffle-filterbox-cancel-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 62px;
  height: 24px;
  background-color: #fff;
  border: solid 1px rgba(0, 0, 0, .2);
  border-radius: 2px;
  font-family: "Microsoft YaHei", "黑体", "宋体", sans-serif;
  font-size: 14px;
  font-weight: 400;
  font-stretch: normal;
  line-height: 20px;
  letter-spacing: 0;
  color: #777
}

.waffle-filterbox-button-container .waffle-filterbox-cancel-button:hover {
  background-color: #f2f2f2
}

.waffle-filterbox-button-container .waffle-filterbox-cancel-button:active {
  background-color: #e5e5e5
}

.filter-span {
  background-color: #fff
}

.filter-span:hover {
  background-color: #f2f2f2
}

.filter-span:active {
  background-color: #e5e5e5
}

/*!
    * Handsontable ContextMenu
    */

.htContextMenu {
  width: 203px
}

.htContextMenu .ht_master {
  position: absolute;
  overflow: visible
}

.htContextMenu .wtBorder {
  visibility: hidden
}

.htContextMenu table tbody tr td {
  padding: 0
}

.htContextMenu table tbody tr td.current,
.htContextMenu table tbody tr td.zeroclipboard-is-hover {
  background: #e9e9e9
}

.htContextMenu table tbody tr td.htSeparator {
  border-top: 1px solid #f3f3f3;
}

.htContextMenu table tbody tr td.htSeparator .htItemWrapper {
  height: 0
}

.htContextMenu table tbody tr td .htItemWrapper {
  padding-left: 30px;
  padding-right: 30px;
  font-size: 14px;
  height: 32px;
  line-height: 32px
}

.htContextMenu .ht_master .wtHolder {
  position: absolute !important;
  top: 0
}

.htContextMenu .ht_master .wtHolder::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  background-color: #f4f4f4
}

.htContextMenu .ht_master .wtHolder::-webkit-scrollbar-thumb {
  background-color: #b8babd;
  border-radius: 10px;
  border: 1px solid transparent;
  background-clip: padding-box
}

.htContextMenu .ht_master .wtHolder::-webkit-scrollbar-track:vertical {
  margin-top: 0
}

.htContextMenu .ht_master .wtHolder::-webkit-scrollbar-track:horizontal {
  margin-left: 0
}

/* .htContextMenu .ht_master .wtHolder {
    border:1px solid #d9d9d9
   } */

li,
ul {
  padding: 0;
  margin: 0;
  list-style: none
}

h6 {
  font-size: 14px
}

.clearfix::after {
  clear: both;
  content: '';
  display: table
}

.search-result-wrap::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  background-color: #f4f4f4
}

.search-result-wrap::-webkit-scrollbar-thumb {
  background-color: #b8babd;
  border-radius: 20px;
  border: 3px solid transparent;
  background-clip: padding-box
}

.dropdown-loading {
  padding: 10px;
  color: #666;
  font-size: 12px;
  letter-spacing: 1px
}

.cellDropdown {
  box-sizing: border-box;
  display: none;
  position: absolute;
  width: 330px;
  background: #fff;
  border: 1px solid #d2d2d2;
  border: 1px solid rgba(0, 0, 0, .2);
  box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
  font-size: 14px;
  font-family: "Microsoft YaHei", Verdana, sans-serif
}

.dropdown-list li {
  box-sizing: border-box;
  list-style: none;
  padding: 4px 20px;
  height: 44px;
  color: #333;
  font-size: 14px;
  cursor: pointer
}

.dropdown-list li p {
  line-height: 14px
}

.dropdown-list li .stock-city {
  color: #777;
  margin-left: 4px
}

.dropdown-list .onfocus {
  background: #e0e2e4
}

.dropdown-list.list-static li {
  height: auto
}

.search-container {
  padding-bottom: 0
}

.dropdown-search {
  margin: 0 20px;
  border-bottom: 1px solid #eaeaea;
  position: relative
}

.dropdown-search-icon,
.stock-title-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  top: 12px;
  position: absolute;
  background: url() no-repeat center center
}

.dropdown-search-ipt {
  width: 100%;
  height: 40px;
  border: 0;
  outline: 0;
  color: #333;
  font-size: 14px
}

.dropdown-search-ipt:-ms-input-placeholder,
.dropdown-search-ipt::-moz-placeholder,
.dropdown-search-ipt::-webkit-input-placeholder,
.dropdown-search-ipt::placeholder {
  color: #333;
  font-size: 14px
}

.dropdown-list-wrap {
  padding: 6px 0
}

.search-result-wrap {
  height: 264px;
  overflow: auto
}

.stock-detail-wrap {
  font-size: 12px;
  min-width: 270px;
  background: #fff;
  height: 100%;
  overflow-y: auto
}

.dropdown-topbar {
  padding: 8px 0;
  margin: 0 20px;
  box-sizing: border-box;
  height: 40px;
  font-size: 14px;
  border-bottom: 1px solid #eaeaea;
  color: #777
}

.dropdown-topbar .stock-title {
  margin: 0;
  height: 24px;
  line-height: 24px;
  float: left;
  text-overflow: ellipsis;
  width: 69.99%;
  overflow: hidden;
  white-space: nowrap;
  font-weight: 400;
  color: #333
}

.stock-title-icon {
  position: relative;
  top: 3px;
  margin-right: 4px
}

.dropdown-topbar .right-btn {
  float: right;
  margin-top: 3px;
  padding: 2px 4px;
  line-height: 14px;
  cursor: default;
  color: #333;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none
}

.dropdown-topbar .right-btn:hover {
  background-color: #f5f5f5
}

.option-icon {
  border-top: 5px solid #777;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  display: inline-block;
  vertical-align: middle
}

.stock-content {
  padding: 0 20px
}

.stock-detail-list {
  font-size: 14px;
  color: #333
}

.stock-detail-item {
  margin-bottom: 12px;
  line-height: 14px
}

.stock-detail-item-name {
  float: left
}

.stock-detail-item-price {
  float: right
}

.stock-date {
  color: #777;
  padding: 15px 0 15px;
  line-height: 12px
}

.dropdown-bbar {
  padding: 5px 20px 19px;
  line-height: 14px
}

.dd-bbar-left {
  float: left
}

.dd-bbar-right {
  float: right
}

.link {
  color: #008aff;
  cursor: pointer
}

.note-from {
  color: #777
}

.note-from a {
  text-decoration: underline;
  color: #777
}

.result-nontip {
  color: #777;
  font-size: 14px;
  text-align: center;
  margin-top: 10px
}

.stock-detail-select {
  position: absolute;
  width: 136px;
  z-index: 501;
  border: 1px solid rgba(0, 0, 0, .2);
  text-align: center;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
  font-size: 14px;
  font-family: "Microsoft YaHei", Verdana, sans-serif
}

.stock-detail-selview {
  overflow: auto;
  padding: 6px 0;
  box-sizing: border-box
}

.stock-detail-selview::-webkit-scrollbar,
.stock-detail-wrap::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  background-color: #f4f4f4
}

.stock-detail-selview::-webkit-scrollbar-thumb,
.stock-detail-wrap::-webkit-scrollbar-thumb {
  background-color: #b8babd;
  border-radius: 20px;
  border: 3px solid transparent;
  background-clip: padding-box
}

.stock-detail-select-list {
  font-size: 14px;
  color: #333
}

.stock-detail-select-list li {
  padding: 5px 0;
  cursor: pointer
}

.stock-detail-select-list li:hover {
  background: #f5f5f5
}

.modal-arrow-up {
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  border-bottom: 10px solid rgba(0, 0, 0, .2);
  position: absolute;
  top: -11px;
  left: 50%;
  margin-left: -10px
}

.modal-arrow-up em {
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  border-bottom: 10px solid #fff;
  position: absolute;
  left: -10px;
  top: 1px
}

.handsontable table>thead th.ht-filter-highlight-column-header {
  background-color: #deedf8
}

.handsontable table>thead th.ht-filter-highlight-column-header.ht__highlight {
  background-color: #a3d8f9
}

.handsontable table>tbody .ht-filter-highlight-row-header th {
  background-color: #deedf8
}

.handsontable table>tbody .ht-filter-highlight-row-header th.ht__highlight {
  background-color: #a3d8f9
}

#grid-preview {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 666;
  overflow: hidden
}

.user-select-none {
  -webkit-user-select: none;
  user-select: none
}

body ul.listtype-comment {
  margin-left: 0
}

body ul.listtype-comment li {
  margin-left: 80px
}

body.edit-mode .line-list-type-comment {
  border-left: 4px solid #fff
}

body .line-list-type-comment ul.listtype-comment li:before {
  display: inline-block;
  margin-left: -101px;
  color: #777;
  margin-top: 6px;
  font-size: 17px !important
}

body .line-list-type-comment+.line-list-type-comment ul.listtype-comment li:before {
  display: none
}

.inline-img {
  max-width: 100%;
  cursor: default
}

.attrimg .inline-img {
  max-height: 773px;
  vertical-align: text-bottom
}

.horizontal-splitline {
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  margin-top: 0;
  margin-bottom: 0;
  border-top: 1px solid #e9e9e9;
  border-left: none;
  border-right: none;
  border-bottom: none
}

.attrimg {
  padding: 0;
  text-align: center
}

.splitline {
  display: block;
  max-width: 100%;
  margin: 5px 0;
  height: .75pt;
  border-width: .75pt 0 0;
  color: #888
}

div.ace-line.text-align-type-left .attrimg {
  text-align: left
}

div.ace-line.text-align-type-right .attrimg {
  text-align: right
}

div.ace-line.text-align-type-center .attrimg {
  text-align: center
}

div.ace-line.text-align-type-justify .attrimg {
  text-align: justify
}

.inline-embed div {
  text-align: center
}

.inline-tex {
  border: 1px solid transparent;
  display: inline-block
}

.inline-tex:hover {
  border: 1px dashed red
}

.code {
  font-family: monospace;
  color: #777;
  vertical-align: top;
  background-color: #f8f8f8;
  white-space: pre-wrap;
  border-radius: 3px;
  font-size: 12px;
  color: #000;
  padding: 0 5px !important;
  box-shadow: 1px 1px #ddd
}

.code span {
  padding-left: 32px;
  text-indent: -32px;
  display: inline-block
}

.code+.code {
  margin-left: -5px
}

.strong {
  font-weight: 700
}

.shadow-table {
  height: 1px;
  overflow: hidden;
  opacity: 0;
  display: block
}

div.aCol {
  padding-left: 115px;
  margin-left: 10px
}

div.lastCol {
  border-bottom: 1px solid #ccc;
  padding-bottom: 6px;
  margin-bottom: 6px
}

.colname:hover {
  color: #666
}

.colname {
  color: #999;
  cursor: pointer;
  display: inline-block;
  margin-left: -110px;
  font-style: italic;
  width: 100px;
  padding-right: 10px
}

sup {
  vertical-align: top;
  position: relative;
  top: -.4em
}

sub {
  vertical-align: bottom;
  position: relative;
  top: .4em
}

.menu {
  padding: 2px;
  background-color: #f5f5f5;
  background-color: rgba(245, 245, 245, .8);
  overflow: hidden;
  background-color: #fff;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  box-shadow: 0 0 3px #888;
  -moz-box-shadow: 0 0 3px #888;
  -webkit-box-shadow: 0 0 3px #888
}

.menu:hover {
  background-color: #f5f5f5
}

.menu a {
  padding: 3px 5px;
  border: solid 1px transparent;
  color: #000;
  text-decoration: none;
  font-size: 13px;
  display: block;
  text-align: left;
  font-weight: 400;
  cursor: pointer
}

.menu a:hover {
  border: solid 1px #bea881;
  background-color: #fff2cb
}

#editor-toolbar {
  display: none;
  position: absolute;
  left: -100px;
  right: auto
}

.searching #editor-toolbar {
  display: none !important
}

#editor .gutter-noauthor {
  padding-left: 54px
}

div.ace-line .attrembed,
div.ace-line .attrtex {
  display: block;
  color: transparent;
  min-width: 16px;
  min-height: 16px;
  background-image: url(//s1.url.cn/tim/docs/static/img/status-ball-03ce3dcc84.gif);
  background-repeat: no-repeat;
  background-position: center;
  text-align: center
}

div.ace-line {
  padding-left: 54px;
  padding-right: 60px;
  border-left: 4px solid #fff;
  font-size: 12pt;
  line-height: 1.5
}

div.ace-line:before {
  display: none;
  content: attr(data-author-name);
  font-size: 12px;
  position: absolute;
  left: -80px;
  width: 70px;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100px;
  background-color: transparent;
  line-height: 16px;
  margin-top: 9px;
  text-transform: uppercase
}

.edit-mode div.ace-line:before,
div.ace-line.line-list-type-comment:before {
  display: block
}

div.ace-line.line-list-type-comment:before {
  margin-top: 4px
}

@media all and (max-width:1400px) {
  div.ace-line:before {
    margin-top: 5px
  }
}

@media all and (max-width:900px) {
  div.ace-line:before {
    margin-top: 5px;
    content: attr(data-author-initials)
  }
}

div.ace-line.line-list-type-comment:before {
  left: 85px
}

div.ace-line:first-child:before {
  margin-top: 11px
}

div.ace-line.text-align-type-left {
  text-align: left
}

div.ace-line.text-align-type-right {
  text-align: right
}

div.ace-line.text-align-type-center {
  text-align: center
}

div.ace-line.text-align-type-justify {
  text-align: justify
}

div.ace-line.text-align-type-center li,
div.ace-line.text-align-type-center ul,
div.ace-line.text-align-type-justify li,
div.ace-line.text-align-type-justify ul,
div.ace-line.text-align-type-right li,
div.ace-line.text-align-type-right ul {
  list-style-position: inside
}

.emptyGutter {
  padding-left: 54px;
  padding-right: 60px;
  border-left: 4px solid #fff
}

.docs-ui-unprintable {
  display: none
}

.docs-squarehandleselectionbox-border {
  position: absolute;
  border: 1px solid #0096fd;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0)
}

.docs-squarehandleselectionbox-handle {
  position: absolute;
  border: 1px solid #fff;
  background-color: #0096fd;
  width: 7px;
  z-index: 999;
  height: 7px;
  font-size: 0
}

.docx-selection-topleft {
  cursor: nw-resize
}

.docx-selection-topright {
  cursor: ne-resize
}

.docx-selection-bottomleft {
  cursor: sw-resize
}

.docx-selection-bottomright {
  cursor: se-resize
}

.image-resize-bar {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  background: #41464b;
  border: 2px solid #fff;
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .45);
  -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .45);
  -ms-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .45);
  -o-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .45);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .45);
  position: absolute;
  display: none;
  z-index: 999;
  right: 0;
  bottom: 0;
  cursor: nw-resize
}

.image-resize-box-shadow {
  box-shadow: 5px 5px 5px rgba(0, 0, 0, .4);
  -webkit-box-shadow: 0 2px 6px 1px rgba(0, 0, 0, .4);
  -moz-box-shadow: 0 2px 6px 1px rgba(0, 0, 0, .4);
  -ms-box-shadow: 0 2px 6px 1px rgba(0, 0, 0, .4);
  -o-box-shadow: 0 2px 6px 1px rgba(0, 0, 0, .4);
  resize: none !important;
  margin-bottom: 2px;
  margin-top: -2px
}

.user-caret {
  position: absolute;
  top: 0;
  left: -32px;
  width: 64px;
  height: 58px;
  text-align: center;
  -webkit-transition: top .25s ease-in-out;
  -moz-transition: top .25s ease-in-out;
  -o-transition: top .25s ease-in-out;
  -ms-transition: top .25s ease-in-out;
  transition: top .25s ease-in-out;
  z-index: 0
}

.user-caret.user-caret-offscreen-top:before {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  top: 10px;
  right: -2px;
  margin-left: -6px;
  border: 6px solid transparent;
  border-bottom-color: #333;
  border-bottom-width: 7px
}

.user-caret.user-caret-offscreen-bottom:before {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  top: 16px;
  right: -2px;
  margin-left: -6px;
  border: 6px solid transparent;
  border-top-color: #333;
  border-top-width: 7px
}

.user-caret.user-caret-offscreen-bottom,
.user-caret.user-caret-offscreen-top {
  position: fixed;
  cursor: pointer
}

.user-caret-transition-off {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none
}

.user-caret.user-caret-offscreen-bottom:hover .user-caret-initials,
.user-caret.user-caret-offscreen-top:hover .user-caret-lbl {
  text-decoration: underline
}

.user-caret img {
  position: absolute;
  top: 0;
  right: 13px;
  margin-right: 0;
  display: inline-block;
  height: 32px;
  width: 32px;
  border: 3px solid #fff;
  border-radius: 20px;
  box-shadow: 0 0 3px #ccc;
  background-color: #fff;
  padding: 1px;
  border-width: 2px;
  -webkit-transition: margin-right .25s ease-in-out;
  -moz-transition: margin-right .25s ease-in-out;
  -o-transition: margin-right .25s ease-in-out;
  -ms-transition: margin-right .25s ease-in-out;
  transition: margin-right .25s ease-in-out
}

.user-caret-lbl {
  position: absolute;
  bottom: 32px;
  right: 48px;
  height: 13px;
  line-height: 14px;
  margin-top: -10px;
  display: inline-block;
  font-size: 12px;
  text-align: center;
  color: #fff;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  background-color: #fff;
  box-shadow: 1px 1px #ccc;
  padding: 1px 8px;
  text-transform: uppercase;
  border-radius: 3px;
  width: auto !important;
  letter-spacing: 1px;
  z-index: -1;
  -webkit-transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -o-transition: opacity .25s ease-in-out;
  -ms-transition: opacity .25s ease-in-out;
  transition: opacity .25s ease-in-out
}

body .user-caret-lbl {
  opacity: 0
}

body.edit-mode .user-caret-lbl {
  opacity: 1
}

body.edit-mode .user-caret-lbl.initials-shown {
  opacity: 0
}

.user-caret-initials {
  position: absolute;
  bottom: 21px;
  right: 23px;
  width: 19px;
  height: 9px;
  opacity: 0;
  display: inline-block;
  line-height: 11px;
  font-size: 9px;
  color: #fff;
  overflow: hidden;
  white-space: nowrap;
  background-color: #fff;
  box-shadow: 1px 1px #ccc;
  border-radius: 3px;
  text-transform: uppercase;
  z-index: 1;
  -webkit-transition: opacity .25s ease-in-out, margin-right .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out, margin-right .25s ease-in-out;
  -o-transition: opacity .25s ease-in-out, margin-right .25s ease-in-out;
  -ms-transition: opacity .25s ease-in-out, margin-right .25s ease-in-out;
  transition: opacity .25s ease-in-out, margin-right .25s ease-in-out
}

[class*=" placeholder-attachment-"],
[class^=placeholder-attachment-] {
  transition: background-position .5s ease-in;
  background-position: 0 0
}

div.line-fontsize-10pt {
  font-size: 10pt
}

div.line-fontsize-12pt {
  font-size: 12pt
}

div.line-fontsize-14pt {
  font-size: 14pt
}

div.line-fontsize-16pt {
  font-size: 16pt
}

div.line-fontsize-18pt {
  font-size: 18pt
}

div.line-fontsize-24pt {
  font-size: 24pt
}

div.line-fontsize-30pt {
  font-size: 30pt
}

div.line-fontsize-36pt {
  font-size: 36pt
}

.format-now {
  cursor: url(//s1.url.cn/tim/docs/static/img/pointer_format-9e5790da52.png), default !important
}

.user-select-none {
  -webkit-user-select: none;
  user-select: none
}

.icon-mixin {
  font-family: hackpad;
  color: #666;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  text-decoration: inherit;
  margin-right: 8px;
  cursor: pointer;
  margin-left: -1.5em
}

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0)
  }
  100% {
    -moz-transform: rotate(359deg)
  }
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0)
  }
  100% {
    -webkit-transform: rotate(359deg)
  }
}

@-o-keyframes spin {
  0% {
    -o-transform: rotate(0)
  }
  100% {
    -o-transform: rotate(359deg)
  }
}

@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0)
  }
  100% {
    -ms-transform: rotate(359deg)
  }
}

@keyframes spin {
  0% {
    transform: rotate(0)
  }
  100% {
    transform: rotate(359deg)
  }
}

.spinny {
  font-family: hackpad;
  color: #666;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  text-decoration: inherit;
  margin-right: 8px;
  cursor: pointer;
  margin-left: -1.5em;
  content: '\e630';
  -webkit-animation: spin 1s infinite linear;
  -moz-animation: spin 1s infinite linear;
  -o-animation: spin 1s infinite linear;
  -ms-animation: spin 1s infinite linear;
  animation: spin 1s infinite linear
}

.ace-line .ace-line {
  padding-left: 0 !important;
  border-left: 0 !important
}

.ctrl-press .ace-line .attrlink {
  cursor: pointer;
  pointer-events: auto;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none
}

.ace-line a.attrlink {
  color: #15c
}

.ace-line .attrlink {
  cursor: auto
}

.ace-line .internal a,
.ace-line .internal a:hover {
  text-decoration: underline
}

.ace-line li,
.ace-line ol,
.ace-line ul {
  padding: 0;
  margin: 0
}

.ace-line ul {
  margin-left: 1.5em
}

.ace-line ol {
  margin-left: 1.5em
}

.ace-line ul ul {
  margin-left: 0 !important
}

ol.listindent1,
ul.listindent1 {
  margin-left: 1.5em
}

ol.listindent2,
ul.listindent2 {
  margin-left: 3em
}

ol.listindent3,
ul.listindent3 {
  margin-left: 4.5em
}

ol.listindent4,
ul.listindent4 {
  margin-left: 6em
}

ol.listindent5,
ul.listindent5 {
  margin-left: 7.5em
}

ol.listindent6,
ul.listindent6 {
  margin-left: 9em
}

ol.listindent7,
ul.listindent7 {
  margin-left: 10.5em
}

ol.listindent8,
ul.listindent8 {
  margin-left: 12em
}

.ace-line ul {
  list-style-type: none
}

ul.list-bullet1,
ul.list-bullet4,
ul.list-bullet7 {
  list-style-type: disc
}

ul.list-bullet2,
ul.list-bullet5,
ul.list-bullet8 {
  list-style-type: circle
}

ul.list-bullet3,
ul.list-bullet6 {
  list-style-type: square
}

ul.listtype-task {
  list-style: none;
  cursor: text;
  line-height: normal;
  margin-left: 0
}

ul.listtype-task li {
  width: auto;
  height: auto;
  padding-left: 1.5em
}

ul.listtype-task li:before {
  font-family: hackpad;
  color: #666;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  text-decoration: inherit;
  margin-right: 8px;
  cursor: pointer;
  margin-left: -1.5em;
  font-family: txdocfont;
  content: '\e901';
  margin-top: 5px;
  float: none;
  margin-right: .5em;
  text-decoration: none
}

@media all and (max-width:1400px) {
  ul.listtype-task li:before {
    margin-top: 3px
  }
}

@media all and (max-width:900px) {
  ul.listtype-task li:before {
    margin-top: 3px
  }
}

ul.listtype-taskdone {
  list-style: none;
  color: #bfbfbf;
  cursor: text;
  line-height: normal;
  margin-left: 0;
  opacity: .4
}

ul.listtype-taskdone li {
  width: auto;
  height: auto;
  padding-left: 1.5em;
  text-decoration: line-through
}

ul.listtype-taskdone li:before {
  font-family: hackpad;
  color: #666;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  text-decoration: inherit;
  margin-right: 8px;
  cursor: pointer;
  margin-left: -1.5em;
  margin-top: 5px;
  font-family: txdocfont;
  content: '\e900';
  color: #bfbfbf;
  float: none;
  margin-right: .5em;
  text-decoration: none
}

@media all and (max-width:1400px) {
  ul.listtype-taskdone li:before {
    margin-top: 3px
  }
}

@media all and (max-width:900px) {
  ul.listtype-taskdone li:before {
    margin-top: 3px
  }
}

ul.listtype-indent {
  list-style-type: none
}

ul.listtype-comment {
  list-style: none;
  cursor: text
}

ul.listtype-comment li {
  width: auto;
  height: auto;
  list-style-type: none;
  font-style: italic;
  padding-left: 1.5em;
  margin-left: -1.5em;
  color: #888;
  font-size: 14px;
  line-height: 24px
}

ul.listtype-commentcollapsed li {
  width: auto;
  height: auto;
  font-style: italic;
  padding-left: 1.5em;
  margin-left: -1.5em
}

ul {
  display: block;
  -webkit-padding-start: 0
}

ul.listtype-comment li:before,
ul.listtype-commentcollapsed li:before {
  font-family: hackpad;
  color: #666;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  text-decoration: inherit;
  margin-right: 8px;
  cursor: pointer;
  margin-left: -1.5em;
  content: '\e611';
  color: #c6c8ca;
  font-size: 18px
}

.listtype-commentautocollapsed {
  max-height: .01em;
  overflow: hidden
}

ul.listtype-commentcollapsed {
  list-style: none;
  cursor: text
}

ol {
  list-style-type: decimal
}

ol.list-number1,
ol.list-number4,
ol.list-number7 {
  list-style-type: decimal
}

ol.list-number2,
ol.list-number5,
ol.list-number8 {
  list-style-type: lower-latin
}

ol.list-number3,
ol.list-number6 {
  list-style-type: lower-roman
}

.inline-embed {
  position: relative
}

.remove-media {
  cursor: pointer;
  display: none;
  vertical-align: top;
  width: 18px;
  height: 18px;
  background: url(//s1.url.cn/tim/docs/static/img/x-c6894654a6.png) no-repeat -17px 0;
  position: absolute;
  top: 0;
  right: -25px
}

ul.listtype-hone {
  list-style: none;
  cursor: text;
  margin-left: 0;
  border-bottom: 1px solid #b4c0bb;
  line-height: 34px;
  margin-bottom: 10px
}

ul.listtype-hone li {
  margin-left: -1.3em;
  background-repeat: no-repeat;
  background-position: 10px 2px;
  padding-left: 1.3em;
  padding-bottom: 2px;
  font-weight: 700;
  font-size: 26px
}

ul.listtype-hone li span {
  font-size: 26px
}

#editor ul.listtype-hone li:hover {
  background-repeat: no-repeat;
  background-position: 14px 12px;
  background-image: url(//s1.url.cn/tim/docs/static/img/arrow-8edb15f141.png);
  cursor: pointer
}

ul.listtype-htwo {
  list-style: none;
  cursor: text;
  margin-left: 0
}

ul.listtype-htwo li {
  margin-left: -1.3em;
  background-repeat: no-repeat;
  padding-left: 1.3em;
  padding-bottom: 2px;
  font-size: 16px;
  font-weight: 700
}

ul.listtype-hthree {
  list-style: none;
  cursor: text;
  margin-left: 0
}

ul.listtype-hthree li {
  background-repeat: no-repeat;
  font-size: 17px;
  margin-left: -34px;
  padding-left: 34px;
  background-position: 10px 12px;
  padding-bottom: 2px;
  font-weight: 700
}

.highlight {
  background-color: #ff9
}

.emoji-glyph {
  width: 20px;
  height: 20px;
  line-height: 1em;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  color: transparent;
  background-size: 20px;
  background-repeat: no-repeat;
  vertical-align: top;
  margin-top: .1em;
  -moz-user-modify: read-only;
  -webkit-user-modify: read-only;
  -moz-user-select: none;
  -webkit-user-select: none
}

/*!
    * jQuery contextMenu - Plugin for simple contextMenu handling
    *
    * Version: 1.5.22
    *
    * Authors: Rodney Rehm, Addy Osmani (patches for FF)
    * Web: http://medialize.github.com/jQuery-contextMenu/
    *
    * Licensed under
    *   MIT License http://www.opensource.org/licenses/mit-license
    *   GPL v3 http://opensource.org/licenses/GPL-3.0
    *
    */

.context-menu-list {
  z-index: 200 !important;
  margin: 0;
  padding: 0;
  min-width: 120px;
  max-width: 250px;
  display: inline-block;
  position: absolute;
  list-style-type: none;
  border: 1px solid #ddd;
  background: #eee;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
  -ms-box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
  -o-box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
  box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px
}

.context-menu-item {
  padding: 2px 2px 2px 24px;
  background-color: #eee;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none
}

.context-menu-separator {
  padding-bottom: 0;
  border-bottom: 1px solid #ddd
}

.context-menu-item>label>input,
.context-menu-item>label>textarea {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text
}

.context-menu-item.hover {
  cursor: pointer;
  background-color: #39f
}

.context-menu-item.disabled {
  color: #666
}

.context-menu-input.hover,
.context-menu-item.disabled.hover {
  cursor: default;
  background-color: #eee
}

.context-menu-submenu:after {
  content: ">";
  color: #666;
  position: absolute;
  top: 0;
  right: 3px;
  z-index: 1
}

.context-menu-item.icon {
  min-height: 18px;
  background-repeat: no-repeat;
  background-position: 4px 2px
}

.context-menu-item.icon-edit {
  background-image: url(../public/cdn/static/css/images/page_white_edit.png)
}

.context-menu-item.icon-cut {
  background-image: url(../public/cdn/static/css/images/cut.png)
}

.context-menu-item.icon-copy {
  background-image: url(../public/cdn/static/css/images/page_white_copy.png)
}

.context-menu-item.icon-paste {
  background-image: url(../public/cdn/static/css/images/page_white_paste.png)
}

.context-menu-item.icon-delete {
  background-image: url(../public/cdn/static/css/images/page_white_delete.png)
}

.context-menu-item.icon-add {
  background-image: url(../public/cdn/static/css/images/page_white_add.png)
}

.context-menu-item.icon-quit {
  background-image: url(../public/cdn/static/css/images/door.png)
}

.context-menu-input>label>* {
  vertical-align: top
}

.context-menu-input>label>input[type=checkbox],
.context-menu-input>label>input[type=radio] {
  margin-left: -17px
}

.context-menu-input>label>span {
  margin-left: 5px
}

.context-menu-input>label,
.context-menu-input>label>input[type=text],
.context-menu-input>label>select,
.context-menu-input>label>textarea {
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box
}

.context-menu-input>label>textarea {
  height: 100px
}

.context-menu-item>.context-menu-list {
  display: none;
  right: -5px;
  top: 5px
}

.context-menu-item.hover>.context-menu-list {
  display: block
}

.context-menu-accesskey {
  text-decoration: underline
}

.dialog-cover-layer {
  position: fixed;
  width: 10000px;
  height: 10000px;
  background: #000;
  opacity: .2;
  left: 0;
  top: 0;
  z-index: 100001;
  font-size: 14px
}

.dialog-container {
  width: 440px;
  height: 445px;
  position: absolute;
  background: #fff;
  top: calc(50% - 500px / 2);
  left: calc(50% - 500px / 2);
  z-index: 100002
}

.dialog-title {
  width: 100%;
  font-size: 24px;
  margin-top: 52px;
  line-height: 24px;
  position: relative;
  text-align: center;
  color: #333
}

.dialog-date {
  text-align: center;
  color: #333;
  font-size: 16px;
  margin-top: 20px;
  line-height: 16px
}

.dialog-text {
  font-size: 14px;
  margin-top: 7px;
  color: #777;
  float: left;
  width: 328px;
  line-height: 20px
}

.dialog-text-list {
  font-size: 14px;
  margin-top: 7px;
  color: #777;
  float: left;
  width: 16px
}

.dialog-text-list-first {
  margin-top: 0
}

.dialog-text-first {
  margin-top: 0
}

.dialog-content-wrapper {
  position: relative;
  margin-left: 48px;
  margin-right: 48px;
  height: 209px;
  overflow-y: auto;
  overflow-x: hidden;
  margin-top: 25px
}

.dialog-confirm-bt {
  position: absolute;
  bottom: 32px;
  height: 40px;
  width: 144px;
  left: 148px;
  font-size: 16px;
  color: #fff;
  letter-spacing: 1px;
  border: none;
  background: #0188fb;
  cursor: pointer;
  border-radius: 2px
}

.dialog-confirm-bt:hover {
  background: #289cff
}

.dialog-confirm-bt:active {
  background: #0081ef
}

.dialog-content-wrapper::-webkit-scrollbar {
  width: 8px;
  height: 10px
}

.dialog-content-wrapper::-webkit-scrollbar-thumb {
  background: #ebebeb;
  border-radius: 4px
}

.dialog-content-wrapper::-webkit-scrollbar-thumb:hover {
  background: #c2c2c2
}

.promptbox {
  width: 296px;
  height: 130px;
  position: fixed;
  background: #fff;
  top: calc(50% - 130px / 2);
  left: calc(50% - 296px / 2);
  z-index: 100002;
  border-radius: 2px;
  border: 1px solid #fff
}

.promptbox_top {
  width: calc(100% - 56px);
  height: auto;
  margin-top: 16px;
  padding: 0 28px
}

.promptbox_content {
  width: 100%;
  height: auto;
  font-size: 16px;
  line-height: 1.3;
  color: #000
}

.promptbox_bottom {
  width: 100%;
  height: 45px;
  position: absolute;
  bottom: 0;
  border-top: 1px solid rgba(150, 159, 169, .3)
}

.promptbox_cancel {
  float: left;
  width: calc(50% - 1px);
  height: 100%;
  line-height: 45px;
  font-size: 18px;
  text-align: center;
  border-right: 1px solid rgba(150, 159, 169, .3)
}

.promptbox_commit {
  float: left;
  width: 50%;
  height: 100%;
  line-height: 45px;
  font-size: 18px;
  text-align: center;
  color: #0188fb
}

.promptbox_overlays {
  position: fixed;
  width: 10000px;
  height: 10000px;
  background: #000;
  opacity: .2;
  left: 0;
  top: 0;
  z-index: 100001;
  font-size: 14px
}

.promptbox_cancel:active,
.promptbox_commit:active {
  background: rgba(150, 159, 169, .2)
}

.user-select-none {
  -webkit-user-select: none;
  user-select: none
}

.icon-mixin {
  font-family: hackpad;
  color: #666;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  text-decoration: inherit;
  margin-right: 8px;
  cursor: pointer;
  margin-left: -1.5em
}

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0)
  }
  100% {
    -moz-transform: rotate(359deg)
  }
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0)
  }
  100% {
    -webkit-transform: rotate(359deg)
  }
}

@-o-keyframes spin {
  0% {
    -o-transform: rotate(0)
  }
  100% {
    -o-transform: rotate(359deg)
  }
}

@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0)
  }
  100% {
    -ms-transform: rotate(359deg)
  }
}

@keyframes spin {
  0% {
    transform: rotate(0)
  }
  100% {
    transform: rotate(359deg)
  }
}

.spinny {
  font-family: hackpad;
  color: #666;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  text-decoration: inherit;
  margin-right: 8px;
  cursor: pointer;
  margin-left: -1.5em;
  content: '\e630';
  -webkit-animation: spin 1s infinite linear;
  -moz-animation: spin 1s infinite linear;
  -o-animation: spin 1s infinite linear;
  -ms-animation: spin 1s infinite linear;
  animation: spin 1s infinite linear
}

#web-image-upload-separator {
  font-size: 13px;
  padding: 2px 5px
}

div.connection-status {
  display: none;
  position: fixed;
  top: 0;
  left: 40%;
  background-color: #000;
  color: #fff;
  z-index: 2147483647;
  padding: 10px 20px;
  width: auto;
  text-align: center;
  font-size: 15px
}

.editor-is-fork {
  top: 45px;
  right: 15px;
  z-index: 1000;
  position: absolute
}

#editorloadingbox {
  padding-top: 100px;
  padding-bottom: 100px;
  font-size: 2.5em;
  color: #aaa;
  text-align: center;
  width: 100%;
  height: 30px;
  z-index: 100
}

#new-collection-pad-btn {
  float: right;
  margin-right: 4px;
  border: 0;
  height: 24px;
  width: 26px
}

#mainbar #follow-container {
  display: none !important;
  height: 24px;
  white-space: nowrap;
  position: absolute;
  top: 5px;
  right: 5px
}

.hp-ui-button.groupunfollow,
.hp-ui-button.padunfollow {
  background-color: #eaeaea !important;
  background-image: none !important;
  color: gray !important
}

select.padaccess {
  border: 1px #ccc solid;
  opacity: 0;
  font-size: 13px;
  color: #333;
  display: block;
  height: 24px;
  text-indent: 16px;
  cursor: pointer
}

@-moz-document url-prefix() {
  select.padaccess {
    text-indent: 0;
    height: auto;
    padding: 2px;
    padding-left: 20px
  }
}

#collection-picker,
#friend-picker,
#pad-picker {
  width: 150px;
  padding-left: 4px;
  font-size: 13px;
  border-radius: 3px;
  position: relative;
  height: 18px;
  top: 1px;
  border: 1px solid #ccc;
  line-height: 19px;
  padding: 2px 5px 2px 4px;
  padding-right: 20px
}

#friend-picker-div,
#pad-picker-div {
  margin-bottom: 4px
}

#friend-picker-div {
  display: none !important
}

select.padaccess[disabled] {
  background: #eaeaea;
  color: #999;
  text-shadow: none;
  border-color: initial
}

.Xac_loading {
  display: inline;
  background-image: url(//s1.url.cn/tim/docs/static/img/status-ball-03ce3dcc84.gif);
  background-position: 0 0;
  background-color: #fff;
  position: absolute;
  margin-left: -21px;
  top: 2px;
  width: 16px;
  height: 16px
}

#padaccesslogo {
  background-image: url(/static/img/pad/facebook_glyphs.png);
  background-position: -106px -163px;
  width: 16px;
  height: 16px;
  float: left;
  vertical-align: middle;
  margin: 0;
  margin-left: 5px;
  position: absolute;
  top: 4px
}

#padaccesslogo.denyboot {
  background-position: -40px -163px
}

#padaccesslogo.friends {
  background-position: -170px -183px
}

#padaccesslogo.allow {
  background-position: -17px -183px
}

#padaccesslogo.group {
  background-position: -68px -183px
}

#toc-div {
  margin-bottom: 25px;
  max-height: 250px;
  overflow: auto;
  text-transform: uppercase;
  margin-left: -12px;
  padding-left: 12px;
  padding-bottom: 1px
}

#toc-div ul {
  list-style-position: inside;
  white-space: nowrap;
  list-style-type: none
}

#toc-div .toc-entry {
  padding-top: 4px;
  color: #666;
  margin-left: -12px !important;
  padding-left: 12px !important
}

#toc-div .toc-entry.level1 {
  margin-left: -12px !important;
  padding-left: 22px !important
}

#toc-div a {
  text-decoration: none;
  color: #888;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  max-width: 100%
}

#toc-div a:hover {
  color: #666
}

#toc-div .toc-entry.current {
  background-image: linear-gradient(to right, #fff 80%, #e6eae7 100%)
}

#hints-div {
  position: fixed;
  bottom: 0;
  padding-bottom: 20px;
  padding-top: 10px;
  margin-left: 44px;
  background: #f0f0f0
}

#hints-div .sidebarheading {
  margin-bottom: 0
}

.hints-div-tip-text {
  margin-top: 4px;
  color: #888;
  width: 180px
}

#hints-div a,
#hints-div a:visited {
  color: #888;
  font-weight: 700
}

#collections-div,
#related-pads-div {
  margin-bottom: 25px
}

#related-pads-div {
  display: none;
  position: absolute;
  bottom: 5px;
  left: 0;
  margin-bottom: 0
}

#related-pads-div .sidebarheading {
  margin-bottom: 0
}

#related-pads-menu {
  background-color: transparent
}

#related-pads-menu .hp-ui-button-content {
  color: #afbcb6;
  font-size: 11px;
  font-weight: 300;
  letter-spacing: 1px
}

#related-pads-menu .hp-ui-button-arrow {
  display: none
}

#related-pads-menu .icon-privacy-link {
  font-size: 24px;
  vertical-align: top;
  line-height: 0;
  margin-top: 6px;
  margin-left: 3px
}

#related-pads-menu li a {
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis
}

div.sidebar-div {
  margin-top: 10px;
  font-size: 12px
}

div.sidebar-div a {
  text-decoration: none;
  color: #4b8971
}

a.view-all {
  font-size: 11px
}

li.toc-entry.level1 {
  padding-left: 10px
}

.sharesummary-with {
  color: #afbcb6;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700
}

.customStyleSelectBox {
  font-size: 13px;
  border-bottom: 1px dotted #888;
  color: #888;
  cursor: pointer
}

select[disabled].padaccess+.customStyleSelectBox {
  border-bottom: none
}

.customStyleSelectBox:hover {
  font-size: 13px;
  color: #666;
  cursor: pointer
}

select.padaccess:hover+.customStyleSelectBox {
  font-size: 13px;
  border-bottom: 1px solid #888;
  color: #666;
  cursor: pointer
}

select[disabled].padaccess:hover+.customStyleSelectBox {
  cursor: default;
  border-bottom: none;
  color: #888
}

select[disabled].padaccess+.customStyleSelectBox:hover {
  color: #888;
  cursor: default;
  border-bottom: none
}

#sharesummary {
  font-size: 12px;
  color: #888;
  border-bottom: 1px dotted #888;
  cursor: pointer
}

#sharesummary:hover {
  color: #666;
  border-bottom: 1px solid #888
}

.changesummary {
  color: gray;
  font-size: 11px
}

#toggle-readonly-button {
  cursor: pointer
}

#fb-share-container {
  height: 24px;
  margin-bottom: 4px;
  position: relative
}

#myuser {
  padding: 5px;
  top: 0;
  left: 0;
  right: 0;
  height: 16px
}

#sharingsettings {
  margin-top: 45px;
  margin-bottom: 80px;
  width: 180px;
  clear: both
}

#myswatchbox {
  left: 5px;
  top: 5px;
  width: 13px;
  height: 13px;
  border: 1px solid #bbb;
  float: left;
  padding: 1px;
  background: 0 0;
  cursor: pointer
}

#myuser .myswatchboxhoverable,
#myuser .myswatchboxunhoverable {
  background: #fff
}

#myuser .myswatchboxhoverable:hover {
  background: #bbb
}

#mycolorpicker .pickerswatchouter {
  border: 1px solid #fff;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 12px
}

#mycolorpicker .pickerswatch {
  border: 1px solid #999;
  width: 13px;
  height: 13px;
  position: absolute;
  left: 0;
  top: 0
}

#mycolorpicker .picked {
  border: 1px solid #666 !important
}

#mycolorpicker .picked .pickerswatch {
  border: 1px solid #666
}

#mycolorpickersave {
  position: absolute;
  left: 14px;
  top: 102px;
  width: 47px;
  height: 0;
  padding-top: 20px;
  overflow: hidden;
  cursor: pointer
}

#mycolorpickercancel {
  position: absolute;
  left: 87px;
  top: 102px;
  width: 44px;
  height: 0;
  padding-top: 20px;
  overflow: hidden;
  cursor: pointer
}

#myusernameform {
  margin-left: 20px
}

#myusernameedit {
  font-size: 1.3em;
  color: #444;
  padding: 3px;
  height: 18px;
  margin: 0;
  border: 0;
  width: 97px;
  background: 0 0;
  padding-top: 0;
  margin-top: -2px
}

#myusernameform input.editable {
  border: 1px solid #bbb
}

#myuser .myusernameedithoverable:hover {
  background: #fff
}

#mystatusform {
  margin-left: 35px;
  margin-top: 5px
}

#mystatusedit {
  font-size: 1.2em;
  color: #777;
  font-style: italic;
  display: none;
  padding: 2px;
  height: 14px;
  margin: 0;
  border: 1px solid #bbb;
  width: 199px;
  background: 0 0
}

#myusernameform .editactive,
#myusernameform .editempty {
  background: #fff;
  border-left: 1px solid #c3c3c3;
  border-top: 1px solid #c3c3c3;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6
}

#myusernameform .editempty {
  color: #ef641e
}

#nootherusers {
  padding: 10px;
  font-size: 1.2em;
  color: #999;
  font-weight: 700
}

#nootherusers a {
  color: #48d
}

.usertdswatch {
  width: 1%
}

.usertdname {
  font-size: 1.3em;
  color: #444
}

.usertdname a {
  text-decoration: none;
  color: inherit
}

.usertdname a:hover {
  text-decoration: underline
}

.usertdstatus {
  font-size: 1.1em;
  font-style: italic;
  color: #999
}

.usertdactivity {
  font-size: 1.1em;
  color: #777
}

.usertdname input {
  border: 1px solid #bbb;
  width: 80px;
  padding: 2px
}

.usertdname input.editactive,
.usertdname input.editempty {
  background: #fff;
  border-left: 1px solid #c3c3c3;
  border-top: 1px solid #c3c3c3;
  border-right: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6
}

.usertdname input.editempty {
  color: #888;
  font-style: italic
}

.guestprompt .deny {
  float: right;
  width: 15px;
  height: 15px;
  display: block !important;
  background: url(//s1.url.cn/tim/docs/static/img/x-c6894654a6.png) no-repeat -17px 0
}

.guestprompt .deny:hover {
  background: url(//s1.url.cn/tim/docs/static/img/x-c6894654a6.png) no-repeat -34px 0
}

#guestprompts {
  clear: both;
  margin: 10px 0
}

.guestprompt {
  font-size: 13px;
  padding: 5px;
  color: #222;
  background: #ffc;
  box-shadow: 0 0 3px #888
}

.guestprompt .choices {
  float: right
}

.guestprompt a {
  margin: 0 .5em
}

#djs {
  font-family: monospace;
  font-size: 10pt;
  height: 200px;
  overflow: auto;
  border: 1px solid #ccc;
  background: #fee;
  margin: 0;
  padding: 6px
}

#djs p {
  margin: 0;
  padding: 0;
  display: block
}

.modaldialog.cboxreconnecting {
  background: #fed
}

.cboxdisconnected #connectionboxinner div {
  display: none
}

.cboxdisconnected_userdup #connectionboxinner #disconnected_userdup {
  display: block
}

.cboxdisconnected_initsocketfail #connectionboxinner #disconnected_initsocketfail {
  display: block
}

.cboxdisconnected_looping #connectionboxinner #disconnected_looping {
  display: block
}

.cboxdisconnected_slowcommit #connectionboxinner #disconnected_slowcommit {
  display: block
}

.cboxdisconnected_unauth #connectionboxinner #disconnected_unauth {
  display: block
}

.cboxdisconnected_unknown #connectionboxinner #disconnected_unknown {
  display: block
}

.cboxdisconnected_initsocketfail #connectionboxinner #reconnect_advise,
.cboxdisconnected_looping #connectionboxinner #reconnect_advise,
.cboxdisconnected_slowcommit #connectionboxinner #reconnect_advise,
.cboxdisconnected_unknown #connectionboxinner #reconnect_advise {
  display: block
}

.cboxdisconnected div#reconnect_form {
  display: block
}

.cboxdisconnected h1 {
  display: none
}

.cboxdisconnected .h1_disconnect {
  display: block
}

.cboxdisconnected_userdup h1.h1_disconnect {
  display: none
}

.cboxdisconnected_userdup h1.h1_userdup {
  display: block
}

.cboxdisconnected_unauth h1.h1_disconnect {
  display: none
}

.cboxdisconnected_unauth h1.h1_unauth {
  display: block
}

#connectionstatus {
  position: absolute;
  width: 37px;
  height: 41px;
  overflow: hidden;
  right: 0;
  z-index: 11;
  display: none
}

#connectionboxinner .connecting {
  margin-top: 20px;
  font-size: 2em;
  color: #555;
  text-align: center;
  display: none
}

.cboxconnecting #connectionboxinner .connecting {
  display: block
}

#connectionboxinner .disconnected h1 {
  font-size: 20px;
  color: #333;
  font-weight: 700;
  text-align: left
}

#connectionboxinner .disconnected p {
  font-size: 14px;
  color: #333
}

#connectionboxinner .disconnected {
  display: none
}

.cboxdisconnected #connectionboxinner .disconnected {
  display: block
}

#connectionboxinner .reconnecting {
  margin-top: 20px;
  font-size: 1.6em;
  color: #555;
  text-align: center;
  display: none
}

.cboxreconnecting #connectionboxinner .reconnecting {
  display: block
}

#connectionbox.compact,
#freakout-dialog.compact {
  top: -5px
}

#connectionbox.compact .dialog-cancel-x,
#freakout-dialog.compact .dialog-cancel-x {
  display: none
}

#connectionbox.compact #connectionboxinner,
#connectionbox.compact #freakout-dialog-inner,
#freakout-dialog.compact #connectionboxinner,
#freakout-dialog.compact #freakout-dialog-inner {
  height: 0;
  padding: 0;
  overflow: hidden
}

#connectionbox.compact #freakout-options,
#connectionbox.compact #reconnect_form,
#freakout-dialog.compact #freakout-options,
#freakout-dialog.compact #reconnect_form {
  position: absolute;
  top: -11px;
  right: 10px;
  height: 32px
}

#reconnect_form {
  margin-top: 20px;
  margin-bottom: 20px
}

#reconnect_form button {
  font-size: 12pt;
  line-height: 20px
}

#reconnect_form .failed-indicator,
#reconnect_form .loading-indicator {
  display: none
}

#freakout-options,
#freakout_advise,
#reconnect_advise {
  margin-top: 20px
}

#reconnect-countdown {
  font-weight: 700
}

#docbar {
  z-index: 52
}

#impexp-wrapper {
  width: 650px;
  right: 10px
}

#impexp-panel {
  height: 160px
}

.docbarimpexp-closing #impexp-wrapper {
  z-index: 50
}

#savedrevs-wrapper {
  width: 100%;
  left: 0
}

#savedrevs-panel {
  height: 79px
}

.docbarsavedrevs-closing #savedrevs-wrapper {
  z-index: 50
}

#savedrevs-wrapper .dbpanel-rightedge {
  background-position: 0 -10px
}

#options-wrapper {
  width: 340px;
  right: 200px
}

#options-panel {
  height: 114px
}

.docbaroptions-closing #options-wrapper {
  z-index: 50
}

#security-wrapper {
  width: 320px;
  right: 300px
}

#security-panel {
  height: 130px
}

.docbarsecurity-closing #security-wrapper {
  z-index: 50
}

#revision-notifier {
  position: absolute;
  right: 8px;
  top: 25px;
  width: auto;
  height: auto;
  font-size: 1.2em;
  background: #ffc;
  border: 1px solid #aaa;
  color: #444;
  padding: 3px 5px;
  display: none;
  z-index: 55
}

#revision-notifier .label {
  color: #777;
  font-weight: 700
}

.dbpanel-wrapper {
  position: absolute;
  overflow: hidden;
  height: 0;
  top: 25px;
  z-index: 51;
  zoom: 1
}

.dbpanel-panel {
  position: absolute;
  bottom: 0;
  width: 100%
}

.dbpanel-middle {
  margin-left: 7px;
  margin-right: 7px;
  position: relative;
  height: 100%;
  overflow: hidden;
  zoom: 1
}

.dbpanel-inner {
  background: #f7f7f7;
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: -10px
}

.dbpanel-leftedge,
.dbpanel-rightedge {
  height: 100%;
  width: 7px;
  bottom: 11px
}

.dbpanel-botleftcorner,
.dbpanel-botrightcorner {
  height: 11px;
  width: 7px;
  bottom: 0
}

.dbpanel-botleftcorner,
.dbpanel-leftedge {
  left: 0;
  background-position: -7px 0
}

.dbpanel-botrightcorner,
.dbpanel-rightedge {
  right: 0;
  background-position: 0 0
}

#importexport {
  position: absolute;
  top: 5px;
  left: 0;
  font-size: 1.2em;
  color: #444;
  height: 100%;
  width: 100%
}

#impexp-importlabel {
  position: absolute;
  top: 5px;
  left: 10px;
  width: 300px
}

#importform {
  position: absolute;
  top: 24px;
  left: 5px;
  width: 300px;
  height: 60px
}

#importformfilediv,
#importformsubmitdiv {
  padding: 5px 5px
}

#importexport .importformenabled {
  background: #cfc;
  border: 1px solid #292
}

#importexport span.nowrap {
  white-space: nowrap
}

#importexport #importstatusball {
  margin-left: 3px;
  padding-top: 1px;
  display: none
}

#importexport #importarrow {
  margin-left: 5px;
  padding-top: 1px;
  display: none
}

#importexport .importmessage {
  border: 1px solid #992;
  background: #ffc;
  padding: 5px;
  font-size: 85%;
  display: none
}

#importexport #importmessagefail {
  margin-top: 5px
}

#importexport #importmessagesuccess {
  margin: 0 20px
}

#importexport a.disabledexport {
  color: #333;
  text-decoration: none;
  opacity: .5
}

#importexport #importfileinput {
  padding: 2px 0
}

#importexport #importsubmitinput {
  padding: 2px
}

#impexp-divider {
  position: absolute;
  left: 320px;
  top: 5px;
  height: 135px;
  width: 2px;
  background: #ddd
}

#impexp-close {
  display: block;
  position: absolute;
  right: 2px;
  bottom: 15px;
  width: auto;
  height: auto;
  font-size: 85%;
  color: #444;
  z-index: 61
}

#impexp-disabled-clickcatcher {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 60
}

#impexp-exportlabel {
  position: absolute;
  top: 5px;
  left: 350px;
  width: 300px
}

#exportlinks .n1 {
  left: 350px;
  top: 30px
}

#exportlinks .n2 {
  left: 350px;
  top: 57px
}

#exportlinks .n3 {
  left: 350px;
  top: 84px
}

#exportlinks .n4 {
  left: 485px;
  top: 30px
}

#exportlinks .n5 {
  left: 485px;
  top: 57px
}

#exportlinks .n6 {
  left: 485px;
  top: 84px
}

#exportlinks .exporthrefdoc {
  background-position: 2px -1px
}

#exportlinks .exporthrefhtml {
  background-position: 2px -25px
}

#exportlinks .exporthreflink {
  background-position: 2px -49px
}

#exportlinks .exporthrefodt {
  background-position: 2px -73px
}

#exportlinks .exporthrefpdf {
  background-position: 2px -97px
}

#exportlinks .exporthreftxt {
  background-position: 2px -121px
}

#savedrevisions {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 1.2em;
  color: #444;
  height: 100%;
  width: 100%
}

#savedrevs-scrolly {
  height: 75px;
  width: auto;
  margin-right: 136px;
  overflow: hidden;
  position: relative;
  top: 1px
}

#savedrevs-scrolly .disabledscrollleft {
  background-position: right bottom
}

#savedrevs-scrolly .disabledscrollright {
  background-position: left bottom
}

#savedrevs-scrollouter {
  margin-left: 14px;
  margin-right: 14px;
  width: auto;
  height: 100%;
  overflow: hidden;
  position: relative
}

#savedrevs-scrollinner {
  position: absolute;
  width: 1px;
  height: 100%;
  overflow: visible;
  right: 0;
  top: 0
}

#savedrevisions .srouterbox {
  width: 120px;
  height: 100%;
  position: absolute;
  top: 0
}

#savedrevisions .srinnerbox {
  position: relative;
  top: 8px;
  height: 59px;
  width: auto;
  border-left: 1px solid #ddd;
  padding: 0 8px 0 8px
}

#savedrevisions a.srname {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-decoration: none;
  color: #444;
  cursor: text;
  padding: 1px;
  height: 14px;
  position: relative;
  left: -1px;
  width: 100px
}

#savedrevisions a.srname:hover {
  text-decoration: none;
  color: #444;
  border: 1px solid #ccc;
  padding: 0
}

#savedrevisions .sractions {
  font-size: 85%;
  color: #ccc;
  margin-top: 1px;
  height: 12px
}

#savedrevisions .sractions a {
  text-decoration: none;
  color: #06c
}

#savedrevisions .sractions a:hover {
  text-decoration: underline
}

#savedrevisions .srtime {
  color: #666;
  font-size: 90%;
  white-space: nowrap;
  margin-top: 3px
}

#savedrevisions .srauthor {
  color: #666;
  font-size: 90%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

#savedrevisions .srtwirly {
  position: absolute;
  display: block;
  bottom: 0;
  right: 10px;
  display: none
}

#savedrevisions .srnameedit {
  position: absolute
}

#savedrevs-savenow:active {
  background-position: 0 -24px
}

#savedrevs-close {
  display: block;
  position: absolute;
  right: 7px;
  bottom: 8px;
  width: auto;
  height: auto;
  font-size: 85%;
  color: #444
}

form#reconnectform {
  display: none
}

#padoptions {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 1.2em;
  color: #444;
  height: 100%;
  width: 100%;
  line-height: 15px
}

#options-viewhead {
  font-weight: 700;
  position: absolute;
  top: 10px;
  left: 15px;
  width: auto;
  height: auto
}

#padoptions label {
  display: block
}

#padoptions input {
  padding: 0;
  margin: 0
}

#options-colorscheck {
  position: absolute;
  left: 15px;
  top: 34px;
  width: 15px;
  height: 15px
}

#options-colorslabel {
  position: absolute;
  left: 35px;
  top: 34px
}

#options-linenoscheck {
  position: absolute;
  left: 15px;
  top: 57px;
  width: 15px;
  height: 15px
}

#options-linenoslabel {
  position: absolute;
  left: 35px;
  top: 57px
}

#options-fontlabel {
  position: absolute;
  left: 15px;
  top: 82px
}

#viewfontmenu {
  position: absolute;
  top: 80px;
  left: 90px;
  width: 110px
}

#options-viewexplain {
  position: absolute;
  left: 215px;
  top: 15px;
  width: 100px;
  height: 70px;
  font-size: .7em;
  padding-left: 10px;
  padding-top: 10px;
  border-left: 1px solid #ccc;
  line-height: 20px;
  font-weight: 700;
  color: #999
}

#options-close {
  display: block;
  position: absolute;
  right: 7px;
  bottom: 8px;
  width: auto;
  height: auto;
  font-size: 85%;
  color: #444
}

#padsecurity {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 1.1em;
  color: #444;
  height: 100%;
  width: 100%;
  line-height: 15px
}

#security-close {
  display: block;
  position: absolute;
  right: 7px;
  bottom: 8px;
  width: auto;
  height: auto;
  font-size: 85%;
  color: #444
}

#security-passhead {
  font-weight: 700;
  position: absolute;
  top: 90px;
  left: 15px;
  width: auto;
  height: auto
}

#security-passbody {
  position: absolute;
  left: 75px;
  top: 90px
}

#security-passwordedit {
  height: 15px;
  border: 1px solid #bbb;
  position: absolute;
  top: 0;
  left: 15px;
  width: 120px
}

#security-password a {
  text-decoration: none;
  display: block;
  width: auto;
  height: auto
}

#password-cancellink,
#password-savelink {
  position: absolute;
  top: 0
}

#security-password a:hover {
  text-decoration: underline
}

#password-savelink {
  left: 144px;
  color: #06c
}

#password-cancellink {
  left: 180px;
  color: #666
}

#password-nonedit {
  left: 15px;
  position: absolute;
  width: 220px;
  top: 0
}

#password-setlink {
  color: #06c
}

#password-clearlink {
  color: #06c
}

#password-display {
  height: 15px;
  width: auto
}

#password-inedit {
  display: none
}

#password-clearlink,
#password-display,
#password-setlink {
  float: left;
  margin-right: 10px
}

#password-display {
  font-size: 18px
}

#security-password .nopassword #password-display {
  font-size: 100%
}

#security-password .nopassword #password-clearlink {
  display: none
}

#security-password .nopassword #password-setlink {
  left: 60px
}

#security-access {
  position: absolute;
  left: 15px;
  width: 200px
}

#security-accesshead {
  font-weight: 700;
  position: absolute;
  top: 10px;
  left: 0;
  width: auto;
  height: auto
}

#security-access input,
#security-access label {
  position: absolute
}

#security-access input {
  left: 10px
}

#security-access label {
  left: 30px;
  width: 250px
}

#access-private,
#access-private-label {
  top: 35px
}

#access-public,
#access-public-label {
  top: 60px
}

#security-access label {
  color: #999
}

#security-access label strong {
  font-weight: 400;
  padding-right: 10px;
  color: #444
}

.modalfield {
  font-size: 15px;
  line-height: 26px;
  height: 26px;
  height: auto;
  padding: 4px;
  border: 1px solid #bbb;
  margin-bottom: 10px
}

#mainmodals .editempty {
  color: #aaa
}

#sharebox {
  top: 50px;
  width: 640px;
  margin-left: -320px;
  background: 0 0;
  border: 0
}

#sharebox-inner {
  padding: 0
}

.sharebox-url {
  width: 440px;
  height: 18px;
  text-align: left;
  font-size: 1.3em;
  line-height: 18px;
  padding: 2px
}

#viewbarcontents {
  display: none
}

#viewzoomtitle {
  position: absolute;
  left: 10px;
  top: 4px;
  height: 20px;
  line-height: 20px;
  width: auto
}

#viewzoommenu {
  width: 65px
}

#bottomarea {
  overflow: hidden;
  position: absolute;
  height: 28px;
  bottom: 0;
  left: 0;
  right: 0;
  font-size: 1.2em;
  color: #444
}

#editbarinner h1 {
  line-height: 29px;
  font-size: 16px;
  padding-left: 6pt;
  margin-top: 0
}

#editbarinner h1 a {
  font-size: 12px
}

.bigbutton {
  display: block;
  background-color: #a3bde0;
  color: #555;
  border-style: solid;
  border-width: 2px;
  border-left-color: #d6e2f1;
  border-right-color: #86aee1;
  border-top-color: #d6e2f1;
  border-bottom-color: #86aee1;
  margin: 10pt;
  text-align: center;
  text-decoration: none;
  padding: 50pt;
  font-size: 20pt;
  border-top-left-radius: 3pt;
  border-top-right-radius: 3pt;
  border-bottom-left-radius: 3pt;
  border-bottom-right-radius: 3pt
}

.modaldialog .bigbutton {
  padding-left: 0;
  padding-right: 0;
  width: 100%
}

#create-page-form #new-page-title,
#linkinsertform #linkinsertentry {
  font-size: 12px;
  height: 15px;
  margin: 0;
  margin-bottom: 10px;
  padding-top: 2px;
  padding-bottom: 3px;
  width: 99%
}

#new-page-title-span {
  font-weight: 700
}

#enable-video {
  display: block
}

.popup-notification {
  background: #fff;
  position: fixed;
  left: 15px;
  bottom: 15px;
  max-width: 200px;
  color: #333;
  display: none;
  font-size: 10pt;
  border: 1px solid #999;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  box-shadow: 0 2px 10px #888;
  -webkit-box-shadow: 0 2px 10px #888;
  -moz-box-shadow: 0 2px 10px #888;
  z-index: 100
}

.popup-notification .popup-notification-msg {
  padding: 12px
}

.popup-notification .popup-notification-close {
  float: right;
  margin: 6px 6px 0 0;
  width: 17px;
  height: 16px;
  cursor: pointer;
  background: url(//s1.url.cn/tim/docs/static/img/x-c6894654a6.png) no-repeat -34px 0
}

#editorbottombox {
  text-transform: uppercase
}

#editorbottombox #inviteLog-wrapper {
  display: none !important
}

#inviteLog {
  margin-top: 20px;
  font-size: 12px;
  color: #888;
  display: none
}

.inviteLog-extra {
  font-size: 20px;
  padding-left: 22px;
  cursor: pointer
}

.inviteLog-extra:hover {
  text-decoration: underline
}

.create,
.invite {
  padding-top: 8px
}

.create img,
.invite img {
  width: 18px;
  height: 18px;
  vertical-align: middle
}

.invite .lastAccessed,
.invite .timestamp {
  display: none
}

.invite:hover .timestamp {
  display: inline
}

.create a,
.invite a {
  color: #888;
  text-decoration: none
}

.create:hover a,
.invite:hover a {
  text-decoration: underline
}

.sprite-icons-keyboard_help {
  float: left;
  margin-right: .5em
}

#hp-editor-selection-wrapper {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  height: 35px;
  line-height: 24px;
  margin-left: 0;
  border-radius: 2px;
  box-shadow: 0 2px 3px #ccc;
  background-color: rgba(34, 34, 34, .93);
  transition: margin-left .1s ease-in
}

#hp-editor-selection-wrapper:before {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  top: -13px;
  left: 50%;
  margin-left: -6px;
  border: 7px solid transparent;
  border-bottom-color: rgba(34, 34, 34, .93);
  border-bottom-width: 6px
}

#hp-editor-selection-wrapper .hp-ui-button {
  background-color: transparent;
  border: 0;
  box-shadow: none;
  padding: 0
}

#hp-editor-selection-wrapper #hp-editor-selection-link,
#hp-editor-selection-wrapper #hp-editor-selection-newpad {
  padding: 7px;
  vertical-align: top
}

#hp-editor-selection-wrapper.hp-editor-selection-shown,
#hp-editor-selection-wrapper.link-hover-mode,
#hp-editor-selection-wrapper.link-mode,
#hp-editor-selection-wrapper.newpad-mode {
  display: block
}

#hp-editor-selection-wrapper .hp-ui-button-content {
  color: #fff;
  font-size: 20px
}

#hp-editor-selection-newpad .icon-newpad {
  font-size: 24px
}

#hp-editor-selection-link-url,
#hp-editor-selection-newpad-title {
  width: 0;
  font-size: 16px;
  font-family: "PingFang SC", "Microsoft YaHei", "黑体", "宋体", sans-serif;
  font-weight: 100;
  margin-top: 1px;
  vertical-align: middle;
  background-color: transparent;
  border: 0;
  color: #fff;
  transition: width .1s ease-in
}

#hp-editor-selection-link-url::-moz-placeholder,
#hp-editor-selection-newpad-title::-moz-placeholder {
  color: transparent
}

#hp-editor-selection-wrapper.link-hover-mode #hp-editor-selection-link-url::-moz-placeholder,
#hp-editor-selection-wrapper.link-mode #hp-editor-selection-link-url::-moz-placeholder,
#hp-editor-selection-wrapper.newpad-mode #hp-editor-selection-newpad-title::-moz-placeholder {
  color: #999
}

#hp-editor-selection-newpad {
  margin-right: 0;
  margin-top: -2px
}

#hp-editor-selection-wrapper.link-hover-mode,
#hp-editor-selection-wrapper.link-mode,
#hp-editor-selection-wrapper.newpad-mode {
  margin-left: -77px
}

#hp-editor-selection-wrapper:not(.link-mode):not(.link-hover-mode) #hp-editor-selection-link {
  padding-left: 10px
}

#hp-editor-selection-link-confirm,
#hp-editor-selection-link-delete,
#hp-editor-selection-newpad-confirm {
  margin: 7px
}

#hp-editor-selection-wrapper.link-hover-mode #hp-editor-selection-link-confirm {
  margin-right: 0
}

.newpad-mode #hp-editor-selection-newpad {
  margin-left: -5px;
  padding-right: 10px
}

#hp-editor-selection-wrapper #hp-editor-selection-link-confirm,
#hp-editor-selection-wrapper #hp-editor-selection-newpad-confirm {
  display: none;
  background-color: #4b8971;
  border-radius: 3px
}

#hp-editor-selection-wrapper #hp-editor-selection-link-delete {
  display: none;
  background-color: #be1e2d;
  border-radius: 3px
}

#hp-editor-selection-link-confirm .hp-ui-button-content,
#hp-editor-selection-link-delete .hp-ui-button-content,
#hp-editor-selection-newpad-confirm .hp-ui-button-content {
  color: #fff
}

#hp-editor-selection-wrapper.link-hover-mode #hp-editor-selection-link-url,
#hp-editor-selection-wrapper.link-mode #hp-editor-selection-link-url,
#hp-editor-selection-wrapper.newpad-mode #hp-editor-selection-newpad-title {
  width: 150px
}

#hp-editor-selection-wrapper.link-hover-mode #hp-editor-selection-link-confirm,
#hp-editor-selection-wrapper.link-hover-mode #hp-editor-selection-link-delete,
#hp-editor-selection-wrapper.link-mode #hp-editor-selection-link-confirm,
#hp-editor-selection-wrapper.newpad-mode #hp-editor-selection-newpad-confirm {
  display: inline-block
}

#hp-editor-selection-wrapper.link-hover-mode #hp-editor-selection-newpad,
#hp-editor-selection-wrapper.link-mode #hp-editor-selection-newpad,
#hp-editor-selection-wrapper.newpad-mode #hp-editor-selection-link {
  display: none
}

.editor-last-state {
  position: fixed;
  z-index: 100;
  bottom: 31px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 12px;
  color: #fff;
  height: 22px;
  line-height: 22px;
  padding: 0 12px;
  border-radius: 11px;
  background: rgba(0, 0, 0, .6);
  display: none
}

.editor-last-state-web {
  text-align: left;
  color: #777;
  font-size: 14px;
  letter-spacing: .5px;
  display: inline-block;
  z-index: 9999;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  position: relative
}

#tooltip.editor-state-tip {
  white-space: pre-wrap
}

#shared-with-settings {
  margin-top: 20px;
  margin-bottom: -20px;
  clear: both;
  white-space: nowrap
}

#shared-with-settings.sheet-style {
  display: none !important
}

#shared-with-settings-inner {
  display: inline-block
}

#moderated-modal-msg {
  padding-bottom: 30px;
  padding-top: 20px
}

#embedpaddialog,
#killuser {
  width: 400px;
  margin-left: -200px
}

#killuser .name {
  white-space: nowrap
}

#killuser-access {
  padding-bottom: 10px
}

#embedpad-code {
  width: 100%;
  margin-bottom: 10px;
  margin-top: 10px
}

.logpage-container {
  height: 100%;
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100100;
  background-color: #f5f6f7;
  font-size: 14px;
  font-family: "Microsoft YaHei", Verdana, sans-serif
}

.logpage-padeditor {
  width: 100%;
  height: calc(100% - 122px) !important;
  margin-top: 72px;
  position: relative;
  background: 0 0;
  overflow-y: auto
}

.logpage-main {
  position: relative;
  width: 794px;
  min-height: 995px;
  margin: 15px auto;
  color: #000;
  background-color: #fff;
  box-shadow: 0 0 0 .75pt #d1d1d1, 0 0 3pt .75pt #ccc
}

.logpage-back-icon {
  width: 8px;
  height: 16px;
  display: inline-block;
  background: url(//s1.url.cn/tim/docs/static/img/updatelog_back_icon-b4b4fb95cd.png);
  background-size: 100% 100%;
  vertical-align: middle
}

.logpage-back-bt {
  width: 72px;
  height: 34px;
  position: absolute;
  font-size: 20px;
  top: 20px;
  left: 20px;
  cursor: pointer
}

.logpage-back-bt:hover {
  background: #dfdfdf
}

.logpage-back-text {
  display: inline-block;
  margin-left: 5px;
  font-size: 16px
}

.logpage-main-title {
  position: relative;
  top: 80px;
  left: 80px;
  font-size: 24px;
  color: #333
}

.logpage-editor {
  position: relative;
  margin-top: 90px;
  width: 100%;
  height: 100%
}

.logpage-date {
  font-size: 16px;
  position: relative;
  margin-left: 80px;
  margin-top: 40px;
  color: #777;
  margin-bottom: 24px
}

.sepLine {
  height: 1px;
  background: #333;
  opacity: .1;
  margin-top: 40px;
  margin-bottom: 40px;
  margin-left: 80px;
  margin-right: 80px
}

.logpage-aceline {
  font-size: 14px;
  line-height: 2;
  color: #333;
  white-space: normal;
  word-wrap: break-word;
  word-break: break-all;
  -webkit-line-break: after-white-space;
  padding-left: 80px;
  padding-right: 80px
}

.logpage-textline {
  font-size: 14px;
  line-height: 2;
  color: #777;
  white-space: normal;
  word-wrap: break-word;
  word-break: break-all;
  -webkit-line-break: after-white-space;
  padding-left: 80px;
  padding-right: 80px
}

.logpage-padeditor::-webkit-scrollbar {
  width: 10px;
  height: 10px
}

.user-select-none {
  -webkit-user-select: none;
  user-select: none
}

.icon-mixin {
  font-family: hackpad;
  color: #666;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  text-decoration: inherit;
  margin-right: 8px;
  cursor: pointer;
  margin-left: -1.5em
}

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0)
  }
  100% {
    -moz-transform: rotate(359deg)
  }
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0)
  }
  100% {
    -webkit-transform: rotate(359deg)
  }
}

@-o-keyframes spin {
  0% {
    -o-transform: rotate(0)
  }
  100% {
    -o-transform: rotate(359deg)
  }
}

@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0)
  }
  100% {
    -ms-transform: rotate(359deg)
  }
}

@keyframes spin {
  0% {
    transform: rotate(0)
  }
  100% {
    transform: rotate(359deg)
  }
}

.spinny {
  font-family: hackpad;
  color: #666;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  text-decoration: inherit;
  margin-right: 8px;
  cursor: pointer;
  margin-left: -1.5em;
  content: '\e630';
  -webkit-animation: spin 1s infinite linear;
  -moz-animation: spin 1s infinite linear;
  -o-animation: spin 1s infinite linear;
  -ms-animation: spin 1s infinite linear;
  animation: spin 1s infinite linear
}

.ac_results {
  padding: 0;
  background-color: rgba(51, 51, 51, .97);
  box-shadow: 0 2px 3px #ccc;
  overflow: hidden;
  z-index: 99999;
  border-top: 1px solid #555
}

.ac_results ul {
  width: 100%;
  list-style-position: outside;
  list-style: none;
  padding: 0;
  margin: 0
}

.ac_results li {
  margin: 0;
  padding: 2px 5px;
  cursor: default;
  display: block;
  font-size: 13px;
  line-height: 16px;
  overflow: hidden;
  color: #c0c9c6;
  font-family: "PingFang SC", "Microsoft YaHei", "黑体", "宋体", sans-serif;
  border-top: 1px dotted transparent;
  border-bottom: 1px dotted transparent
}

.ac_results li>div:not(.ac-search-result) {
  padding: 5px
}

.ac_over {
  background-color: rgba(10, 10, 10, .95);
  border-top: 1px dotted #666;
  border-bottom: 1px dotted #666;
  color: #fff
}

.ac_results li strong {
  color: #fff;
  font-weight: 200
}

.ac_even .email,
.ac_even .snippet,
.ac_odd .email,
.ac_odd .snippet {
  font-size: 13px;
  color: #c0c9c6
}

.ac_even .snippet,
.ac_odd .snippet {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.ac_over .email,
.ac_over .snippet {
  color: #c0c9c6
}

.ac-results-extra {
  font-style: italic;
  line-height: 36px
}

.ac-results-collections {
  margin-left: -23px
}

.ac-results-collections li {
  font-size: 13px;
  line-height: 12px;
  padding: 8px 40px
}

.ac-search-result {
  font-size: 18px;
  line-height: 20px;
  padding: 8px 40px
}

.ac_loading+.ac-loading-spinny:before {
  position: absolute;
  top: 5px;
  right: 0;
  color: #000;
  font-size: 17px;
  font-family: hackpad;
  color: #666;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  text-decoration: inherit;
  margin-right: 8px;
  cursor: pointer;
  margin-left: -1.5em;
  content: '\e630';
  -webkit-animation: spin 1s infinite linear;
  -moz-animation: spin 1s infinite linear;
  -o-animation: spin 1s infinite linear;
  -ms-animation: spin 1s infinite linear;
  animation: spin 1s infinite linear
}

#createpadentry.ac_loading+.ac-loading-spinny:before {
  top: 0
}

#createpadentry.ac_loading+.ac-loading-spinny:before {
  color: #fff
}

.ac-results-extra {
  font-style: normal;
  line-height: 16px
}

.ac-results-see-all {
  color: #fff;
  font-weight: 200
}

.ac-results-create-lbl,
.ac-results-see-all-prepended {
  margin-left: -20px;
  font-size: 12px;
  color: #4b8971;
  text-transform: uppercase
}

.ac-results-create-val {
  color: #fff;
  font-style: normal;
  margin-left: -5px
}

.ac-search-result .icon-forward {
  vertical-align: top
}

.ac-results-create-val strong {
  vertical-align: top;
  line-height: 25px
}

.ac-results-create-val-newpad {
  color: #4b8971;
  font-size: 24px
}

.ac-results-create-val-plus {
  color: #4b8971;
  font-size: 14px
}

.ac_results .emoji-glyph {
  margin-top: -2px;
  margin-right: 10px
}

.lightbox-container {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  background: 0 0;
  background: rgba(0, 0, 0, .75);
  overflow-y: auto;
  zoom: 1
}

.lightbox-inner.center-content {
  display: table-cell;
  vertical-align: middle;
  padding-left: 10px;
  padding-right: 20px
}

.lightbox-container .dialog-cancel-x {
  position: fixed;
  top: 20px;
  right: 20px
}

.lightbox-inner img {
  max-width: 100%;
  display: block;
  border-radius: 2px;
  cursor: pointer;
  margin: auto
}

.center-wrap {
  display: table;
  min-height: 100%;
  min-width: 100%
}

#lightbox-next,
#lightbox-prev {
  color: #fff;
  border-radius: 3px;
  text-align: center;
  cursor: pointer;
  top: 50%;
  margin-top: -100px;
  height: 200px;
  width: 100px;
  right: 20px;
  position: fixed;
  background-color: transparent;
  border: 0
}

#lightbox-next img,
#lightbox-prev img {
  padding-top: 5px
}

#lightbox-prev {
  left: 20px
}

.arrow-clicked {
  -webkit-animation-name: pulsate;
  -webkit-animation-duration: .3s;
  -webkit-animation-timing-function: ease-in-out
}

@-webkit-keyframes pulsate {
  50% {
    -webkit-transform: scale(1.2) translate(0, -10px)
  }
}

.toolbar-colorPicker-menu-button-wrapper {
  padding-bottom: 1px !important;
  height: 23px !important
}

.toolbar-colorPicker-picker-caption {
  padding: 0 3px 0 3px;
  margin: 0;
  float: left;
}

.toolbar-colorPicker-picker-caption:hover {
  background-color: #c7c7c8
}

.toolbar-colorPicker-picker-text-outer {
  height: 20px;
  width: 22px;
  bottom: 1px;
  border-bottom: 4px solid #000;
  box-sizing: content-box
}

.toolbar-colorPicker-picker-text-background {
  height: 14px;
  left: 0;
  position: relative;
  top: 4px;
  width: 22px;
  text-align: center;
}

.toolbar-colorPicker-picker-text-char {
  bottom: 1px;
  font-size: 14px;
  font-weight: 400;
  font-family: 'Microsoft YaHei', Verdana, sans-serif;
  position: relative;
  color: #353a40
}

.toolbar-colorPicker-picker-icon-outer {
  vertical-align: middle;
  float: right;
  padding: 0 4px 0 1px;
  text-align: center;
  height: 24px
}

.toolbar-colorPicker-picker-icon-outer:hover {
  background-color: #c7c7c8
}

.toolbar-menu-button-colorPicker-outer-container {
  padding-right: 0 !important
}

.toolbar-colorPicker-picker-icon {
  background: url(../images/dropdown-triangle-e1280562ab.png);
  width: 7px;
  height: 4px;
  margin-top: 10px;
  float: right
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
  .toolbar-colorPicker-picker-icon {
    background: url(../images/dropdown-triangle@2x-4693ecc248.png);
    background-size: 100%
  }
  .toolbar-colorPicker-picker-icon:hover {
    background: url(//s1.url.cn/tim/docs/static/img/newpic/dropdown-triangle-hover@2x-51ff81c7d2.png);
    background-size: 100%
  }
}

.colorPicker-palette,
.common-color-picker-palette {
  position: absolute;
  background-color: #fff;
  padding: 11px
}

.colorPicker-palette.open,
.common-color-picker-palette.open {
  z-index: 9999;
  border: 0
}

.colorPicker-palette-table-row {
  display: table-row;
  vertical-align: inherit
}

.colorPicker-palette-table {
  border-bottom: 1px solid #eee
}

.colorPicker-palette-table-body {
  display: block;
  vertical-align: middle;
  width: 170px;
  padding: 5px;
  background: #fff;
}

div.colorPicker-swatch {
  height: 12px;
  width: 12px;
  margin: 2px;
  float: left;
  cursor: pointer;
  line-height: 16px;
  /* border:1px solid transparent; */
  background-clip: content-box;
  padding: 1px;
  margin-bottom: 5px;
}

div.colorPicker-swatch-down {
  /* border:1px solid rgba(0,0,0,.3) */
}

div.colorPicker-swatch-down::after {
  position: absolute;
  content: " ";
  display: block;
  width: 10px;
  height: 12px;
  background: url() no-repeat 50%;
  float: right;
  margin-right: 20px;
}

div.colorPicker-swatch-default {
  box-shadow: 0 0 0 1px #d6d6d6 inset;
}

div.colorPicker-swatch-default::after {
  content: '';
  display: block;
  position: absolute;
  /* top: 1px;
left: 2px; */
  width: 17px;
  height: 0;
  border-bottom: 1px solid #ff5151;
  transform-origin: 0 0;
  transform: rotate(45deg);
}

div.colorPicker-swatch-hover {
  padding: 0;
  height: 18px;
  width: 18px;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .25);
  -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .25);
  box-shadow: 0 0 4px rgba(0, 0, 0, .25)
}

.toolbar-border-palette {
  position: absolute;
  background-color: #fff;
  /* padding:10px 10px 5px 10px; */
  box-shadow: 1px 2px 5px 2px rgba(51, 51, 51, .15);
  display: none;
  width: auto;
  height: auto;
  box-sizing: border-box;
  width: 170px;
  z-index: 100;
}

.toolbar-border-palette.open {
  display: block;
  z-index: 1;
  border: 0;
  box-shadow: -1px 0 2px #d9d9d9, 0 -1px 2px #d9d9d9, 1px 0 2px #d9d9d9, 0 1px 2px #d9d9d9
}

.toolbar-border-palette-table {
  border-bottom: 1px solid #eee
}

.toolbar-border-palette-table-body {
  display: block;
  vertical-align: middle
}

.toolbar-border-palette-table-row {
  display: block;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  border: 0
}

.toolbar-border-palette-table-td {
  border: 0;
  cursor: pointer;
  width: 28px;
  height: 28px;
  padding: 0;
  margin: 0;
  text-align: center;
  vertical-align: middle;
  border: none;
}

.toolbar-border-palette-icon-outer {
  margin: 2px;
  height: 26px;
  width: 26px
}

.toolbar-border-palette-icon-hover {
  background-color: #f3f3f4
}

.toolbar-border-palette-icon-selected {
  background-color: #e1e1e1
}

.toolbar-border-palette-icon-inner {
  direction: ltr;
  text-align: left;
  height: 29px;
  overflow: hidden;
  vertical-align: middle;
  width: 29px
}

.toolbar-border-palette-icon-container {
  height: 26px;
  position: absolute;
  width: 26px;
  display: block;
  background-repeat: no-repeat
}

.toolbar-border-palette-color-picker-outer {
  font-size: 0;
  margin: 5px 1px 0 1px;
  cursor: pointer;
  white-space: normal;
  outline: 0;
  padding: 2px 0 2px 3px;
  vertical-align: middle;
  text-decoration: none;
  list-style: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.toolbar-border-palette-color-picker-outer:hover {
  background-color: #f3f3f4
}

.toolbar-border-palette-color-picker-text {
  margin-left: 2px;
  vertical-align: middle;
  margin: 0;
  font-size: 14px;
  padding: 0;
  border: 0;
  font-weight: 400;
  font-family: 'Microsoft YaHei', Verdana, sans-serif;
  color: #000
}

.toolbar-border-palette-colorPicker-menu-button-wrapper {
  padding-bottom: 1px !important;
  height: 23px !important
}

.toolbar-border-palette-colorPicker-picker-caption {
  padding: 0 5px 0 2px;
  margin: 0;
  vertical-align: middle
}

.toolbar-border-palette-colorPicker-picker-text-outer {
  height: 14px;
  width: 22px;
  border-bottom: 4px solid #000
}

.toolbar-border-palette-colorPicker-picker-text-background {
  height: 14px;
  left: 5px;
  position: relative;
  width: 14px
}

/*!* bottom: 4px;*!*/

.toolbar-border-palette-colorPicker-icon {
  background: url(../images/dropdown-triangle-e1280562ab.png);
  margin: 0 5px 0 3px;
  padding: 0;
  vertical-align: middle;
  width: 7px;
  height: 4px
}

.toolbar-inline-block {
  position: relative;
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}

.toolbar-button-wrapper,
.toolbar-menu-button-wrapper {
  border: 1px solid transparent;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: 0;
  background-color: transparent;
  outline: 0;
  padding: 0;
  height: 26px;
  color: #333;
  line-height: 26px;
  list-style: none;
  font-size: 14px;
  text-decoration: none;
  /* vertical-align:middle; */
  cursor: default
}

.toolbar-menu-button-content-font-size {
  font-weight: 400
}

.toolbar-button-wrapper-active,
.toolbar-button-wrapper-checked,
.toolbar-button-wrapper-hover,
.toolbar-button-wrapper:hover,
.toolbar-menu-button-wrapper:hover {
  background-color: rgba(51, 51, 51, .1);
  color: #222
}

.pressed .toolbar-menu-button-wrapper,
.toolbar-button-wrapper.pressed,
.toolbar-menu-button-wrapper.pressed {
  background-color: rgba(65, 70, 80, .3)
}

.toolbar-button-wrapper-disabled,
.toolbar-button-wrapper-disabled .toolbar-button-wrapper:active,
.toolbar-button-wrapper-disabled .toolbar-button-wrapper:hover,
.toolbar-button-wrapper-disabled .toolbar-menu-button-wrapper:active,
.toolbar-button-wrapper-disabled .toolbar-menu-button-wrapper:hover {
  border: 1px solid transparent
}

.toolbar-button-wrapper-disabled,
.toolbar-button-wrapper-disabled:active,
.toolbar-button-wrapper-disabled:hover {
  border: 1px solid transparent;
  opacity: .2
}

.toolbar-button-wrapper-hidden,
.toolbar-button-wrapper-hidden:active,
.toolbar-button-wrapper-hidden:hover {
  display: none
}

.toolbar-button-outer-container,
.toolbar-menu-button-outer-container {
  margin: 0;
  padding: 0
}

.toolbar-button-inner-container,
.toolbar-button-outer-container,
.toolbar-menu-button-inner-container,
.toolbar-menu-button-outer-container {
  border: 0;
  vertical-align: top
}

.toolbar-menu-button-outer-container {
  padding-right: 6px
}

.toolbar-button-inner-container,
.toolbar-menu-button-inner-container {
  height: 26px;
  padding: 0;
  text-align: center
}

.toolbar-button-inner-container {
  min-width: 26px
}

.toolbar-menu-button-inner-container {
  min-width: 35px;
  white-space: normal
}

#toolbar-colorPicker-picker-inner-container {
  white-space: normal
}

#toolbar-colorPicker-picker-paint-inner-container {
  white-space: normal
}

.docx-icon {
  direction: ltr;
  text-align: left;
  height: 22px;
  width: 22px;
  overflow: hidden;
  vertical-align: middle
}

.toolbar-button-inner-container .docx-icon,
.toolbar-menu-button-icon .docx-icon {
  /* margin-top:-3px */
}

.docx-icon-img-container {
  height: 26px;
  width: 26px;
  margin-left: -2px;
  margin-top: -2px;
  position: absolute;
}

.toolbar-menu-button-dropdown {
  background: url(../images/dropdown-triangle-e1280562ab.png);
  /* float:right; */
  margin: 10px 3px 0 0;
  padding: 0;
  vertical-align: top;
  width: 7px;
  height: 4px
}

.toolbar-dropdown-menu-button .toolbar-menu-button-outer-container {
  padding-right: 0
}

.toolbar-dropdown-menu-button .toolbar-menu-button-dropdown-outer {
  vertical-align: middle;
  float: right;
  padding: 0 4px 0 4px;
  text-align: center;
  height: 26px
}

.toolbar-dropdown-menu-button .toolbar-menu-button-dropdown-outer:hover {
  background-color: #c7c7c8
}

.toolbar-dropdown-menu-button .toolbar-menu-button-text-outer:hover {
  background-color: #c7c7c8
}

.toolbar-menu-button-content {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-sizing: content-box
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
  .toolbar-menu-button-dropdown {
    background: url(../images/dropdown-triangle@2x-4693ecc248.png);
    background-size: 100%
  }
  .toolbar-menu-button-dropdown:hover {
    background: url(//s1.url.cn/tim/docs/static/img/newpic/dropdown-triangle-hover@2x-51ff81c7d2.png);
    background-size: 100%
  }
}

body.embed #toolbar.toolbar-shown {
  display: inline-block
}

body.embed #toolbar.toolbar-hidden {
  display: none
}

.vertical-separator {
  border: 0 !important;
  padding: 0 !important;
  margin-left: 5px !important;
  margin-right: 5px !important;
  height: 26px;
  width: 1px;
  background-image: url(../images/separator-aa3971338f.png);
  display: inline-block;
  /* margin-top: 7px; */
  float: none;
  vertical-align: top;
  transition: all .1s ease-in;
}

.toolbar-menu-button-content-font-family {
  width: 60px;
  padding: 0 10px 0 8px;
  font-weight: 400;
  font-family: "Microsoft YaHei"
}

.toolbar-menu-button-content-format {
  padding: 0 10px 0 8px
}

.toolbar-menu-button-content-font-size {
  width: 20px;
  padding: 0 4px
}

.toolbar-menu-button-content-insert {
  width: 30px;
  padding: 0 5px
}

.toolbar-mini-menu-button-content-insert {
  width: 30px;
  padding: 0 4px 0 0
}

.toolbar-font-color {
  vertical-align: top
}

.docx-icon-common {
  background-image: url(../images/toolbar_sprite-b10831d0df.png)
}

.auth-tip-cooperation-white {
  background-position: 0 -24px;
  width: 14px;
  height: 14px
}

.auth-tip-cooperation {
  background-position: 0 -430px;
  width: 20px;
  height: 20px
}

.auth-tip-edit-white {
  background-position: 0 -150px;
  width: 14px;
  height: 14px
}

.auth-tip-edit {
  background-position: 0 -410px;
  width: 20px;
  height: 20px
}

.auth-tip-eye-white {
  background-position: 0 -38px;
  width: 14px;
  height: 14px
}

.auth-tip-eye {
  background-position: 0 -510px;
  width: 20px;
  height: 20px
}

.auth-tip-lock-white {
  background-position: 0 -66px;
  width: 14px;
  height: 14px
}

.auth-tip-lock {
  background-position: 0 -490px;
  width: 20px;
  height: 20px
}

.banner-left-corner {
  background-position: 0 -2122px;
  width: 32px;
  height: 32px
}

.banner-right-corner {
  background-position: 0 -2236px;
  width: 32px;
  height: 43px
}

.brandlogo {
  background-position: 0 -2154px;
  width: 33px;
  height: 40px
}

.check-blue-62_46dp {
  background-position: 0 -2279px;
  width: 62px;
  height: 46px
}

.close-click_20dp {
  background-position: 0 -470px;
  width: 20px;
  height: 20px
}

.close-hover_20dp {
  background-position: 0 -450px;
  width: 20px;
  height: 20px
}

.close-icon-click_16dp {
  background-position: 0 -164px;
  width: 16px;
  height: 16px
}

.close-icon-hover_16dp {
  background-position: 0 -212px;
  width: 16px;
  height: 16px
}

.close-icon_16dp {
  background-position: 0 -196px;
  width: 16px;
  height: 16px
}

.close-normal_20dp {
  background-position: 0 -390px;
  width: 20px;
  height: 20px
}

.common-close-bt-click {
  background-position: 0 -244px;
  width: 16px;
  height: 16px
}

.common-close-bt-hover {
  background-position: 0 -228px;
  width: 16px;
  height: 16px
}

.common-close-bt-normal {
  background-position: 0 -180px;
  width: 16px;
  height: 16px
}

.editable-icon {
  background-position: 0 -296px;
  width: 18px;
  height: 18px
}

.exchange-icon {
  background-position: 0 -552px;
  width: 22px;
  height: 22px
}

.function-create-icon {
  background-position: 0 -1926px;
  width: 28px;
  height: 28px
}

.function-more-icon {
  background-position: 0 -2094px;
  width: 28px;
  height: 28px
}

.function-right-icon {
  background-position: 0 -12px;
  width: 18px;
  height: 12px
}

.lock-icon {
  background-position: 0 -260px;
  width: 18px;
  height: 18px
}

.pageback {
  background-position: 0 -530px;
  width: 22px;
  height: 22px
}

.readonly-icon {
  background-position: 0 -278px;
  width: 18px;
  height: 18px
}

.readonly {
  background-position: 0 -314px;
  width: 36px;
  height: 19px
}

.save-new-doc-icon {
  background-position: 0 -1614px;
  width: 26px;
  height: 26px
}

.template-guide-image {
  background-position: 0 -2381px;
  width: 185px;
  height: 176px
}

.title-readonly-icon-hover {
  background-position: 0 -371px;
  width: 36px;
  height: 19px
}

.title-readonly-icon-normal {
  background-position: 0 -333px;
  width: 36px;
  height: 19px
}

.title-readonly-icon-selected {
  background-position: 0 -352px;
  width: 36px;
  height: 19px
}

.toolbar-border-palette-colorPicker-picker-border-color {
  background-position: 0 0;
  width: 12px;
  height: 12px
}

.toolbar-colorPicker-picker-doc-paint-brush {
  background-position: 0 -626px;
  width: 26px;
  height: 26px
}

.toolbar-colorPicker-picker-paint-brush {
  background-position: 0 -652px;
  width: 26px;
  height: 26px
}

.toolbar-icon-bold {
  background-position: 0 -678px;
  width: 26px;
  height: 26px
}

.toolbar-icon-clearformat {
  background-position: 0 -704px;
  width: 26px;
  height: 26px
}
 

.toolbar-icon-currency-chs {
  background-position: 0 -2038px;
  width: 28px;
  height: 28px
}

.toolbar-icon-decimal-decrease {
  background-position: 0 -2010px;
  width: 28px;
  height: 28px
}

.toolbar-icon-decimal-increase {
  background-position: 0 -1982px;
  width: 28px;
  height: 28px
}

.toolbar-icon-export {
  background-position: 0 -808px;
  width: 26px;
  height: 26px
}

.toolbar-icon-filter {
  background-position: 0 -834px;
  width: 26px;
  height: 26px
}

.toolbar-icon-formatpainter {
  background-position: 0 -860px;
  width: 26px;
  height: 26px
}

.toolbar-icon-formula {
  background-position: 0 -886px;
  width: 26px;
  height: 26px
}

.toolbar-icon-freeze {
  background-position: 0 -912px;
  width: 26px;
  height: 26px
}


.toolbar-icon-sjj {
  background-position: 0 -1614px;
  width: 26px;
  height: 26px
}

.toolbar-icon-indent {
  background-position: 0 -938px;
  width: 26px;
  height: 26px
}

.toolbar-icon-insert-link {
  background-position: 0 -964px;
  width: 26px;
  height: 26px
}

.toolbar-icon-italic {
  background-position: 0 -1562px;
  width: 26px;
  height: 26px
}

.toolbar-icon-list {
  background-position: 0 -1016px;
  width: 26px;
  height: 26px
}

.toolbar-icon-merge-cell {
  background-position: 0 -1042px;
  width: 26px;
  height: 26px
}

.toolbar-icon-numberedlist {
  background-position: 0 -1068px;
  width: 26px;
  height: 26px
}

.toolbar-icon-outdent {
  background-position: 0 -1094px;
  width: 26px;
  height: 26px
}

.toolbar-icon-percentage {
  background-position: 0 -2066px;
  width: 28px;
  height: 28px
}

.toolbar-icon-print {
  background-position: 0 -1146px;
  width: 26px;
  height: 26px
}

.toolbar-icon-qrcode {
  background-position: 0 -1954px;
  width: 28px;
  height: 28px
}

.toolbar-icon-redo {
  background-position: 0 -1198px;
  width: 26px;
  height: 26px
}

.toolbar-icon-save {
  background-position: 0 -1224px;
  width: 26px;
  height: 26px
}

.toolbar-icon-sheet-border-all {
  background-position: 0 -1250px;
  width: 26px;
  height: 26px
}

.toolbar-icon-font-color-all {
  background-position: 0 -1822px;
  width: 26px;
  height: 26px
}

.toolbar-icon-sheet-border-bottom {
  background-position: 0 -1276px;
  width: 26px;
  height: 26px
}

.toolbar-icon-sheet-border-clear {
  background-position: 0 -1302px;
  width: 26px;
  height: 26px
}

.toolbar-icon-sheet-border-horizontal {
  background-position: 0 -1328px;
  width: 26px;
  height: 26px
}

.toolbar-icon-sheet-border-inner {
  background-position: 0 -1354px;
  width: 26px;
  height: 26px
}

.toolbar-icon-sheet-border-left {
  background-position: 0 -1380px;
  width: 26px;
  height: 26px
}

.toolbar-icon-sheet-border-outer {
  background-position: 0 -1406px;
  width: 26px;
  height: 26px
}

.toolbar-icon-sheet-border-right {
  background-position: 0 -1432px;
  width: 26px;
  height: 26px
}

.toolbar-icon-sheet-border-top {
  background-position: 0 -1458px;
  width: 26px;
  height: 26px
}

.toolbar-icon-sheet-border-vertical {
  background-position: 0 -1484px;
  width: 26px;
  height: 26px
}



.toolbar-icon-shrink {
  background-position: 0 -1822px;
  width: 26px;
  height: 26px
}

.toolbar-icon-sort {
  background-position: 0 -1848px;
  width: 26px;
  height: 26px
}

.toolbar-icon-strikethrough {
  background-position: 0 -1874px;
  width: 26px;
  height: 26px
}

.toolbar-icon-task {
  background-position: 0 -1900px;
  width: 26px;
  height: 26px
}

.toolbar-icon-textwrap {
  background-position: 0 -1172px;
  width: 26px;
  height: 26px
}

.toolbar-icon-underline {
  background-position: 0 -1120px;
  width: 26px;
  height: 26px
}

.toolbar-icon-undo {
  background-position: 0 -782px;
  width: 26px;
  height: 26px
}

.toolbar-icon-zoom {
  background-position: 0 -756px;
  width: 26px;
  height: 26px
}

.toolbar-icon-dataset-range {
  background-position: 0 -1770px;
  width: 26px;
  height: 26px
}

.toolbar-insert-image {
  background-position: 0 -730px;
  width: 26px;
  height: 26px
}

.toolbar-insert-line {
  background-position: 0 -1666px;
  width: 26px;
  height: 26px
}

.toolbar-insert-table {
  background-position: 0 -1770px;
  width: 26px;
  height: 26px
}

.toolbar-printer {
  background-position: 0 -1718px;
  width: 26px;
  height: 26px
}

.toolbar-search {
  background-position: 0 -1510px;
  width: 26px;
  height: 26px
}

.toolbar-translate {
  background-position: 0 -990px;
  width: 26px;
  height: 26px
}

.toolbar-watermark {
  background-position: 0 -600px;
  width: 26px;
  height: 26px
}

.txdoc-logo_26dp {
  background-position: 0 -574px;
  width: 26px;
  height: 26px
}

.txdoc-logo_42dp {
  background-position: 0 -2194px;
  width: 42px;
  height: 42px
}

.txdoc-logo_56dp {
  background-position: 0 -2325px;
  width: 56px;
  height: 56px
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
  .docx-icon-common {
    background-image: url(../images/toolbar_sprite@2x-b0ddc0540a.png);
    background-size: 185px 2557px
  }
}

.toolbar-menu-button-more {
  padding: 0 4px 0 6px
}

#toolbar-sheet-calculate-group .dropdown-wrapper {
  width: 170px
}

#toolbar-sheet-calculate-group .dropdown-wrapper .dropdown-c-content,
#toolbar-sheet-sort-group .dropdown-wrapper .dropdown-c-content {
  text-align: left
}

#sheet-sort .dropdown-wrapper {
  width: 70px
}

#toolbar_border_palette {
  box-sizing: border-box;
  width: 170px
}

#toolbar-sheet-freeze-group .dropdown-wrapper,
#toolbar-sheet-sort-group .dropdown-wrapper {
  box-sizing: border-box;
  width: 110px
}

.toolbar-linespace-clear {
  font-size: 0;
}

.hp-ui-button-group>* {
  margin-right: 4px
}

.hp-ui-button-group>:last-child {
  margin-right: 0
}

.user-select-none {
  -webkit-user-select: none;
  user-select: none
}

.icon-mixin {
  font-family: hackpad;
  color: #666;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  text-decoration: inherit;
  margin-right: 8px;
  cursor: pointer;
  margin-left: -1.5em
}

.ui-common-qrcode {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 999;
  width: 100%;
  height: 100%
}

.ui-common-qrcode-popup-wrapper {
  display: none;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%);
  cursor: auto
}

.ui-common-qrcode-popup-wrapper .ui-common-qrcode-popup {
  position: relative;
  top: 15px;
  padding: 25px 25px 20px;
  border-radius: 2px;
  background: #fff;
  box-shadow: 0 0 2px rgba(0, 0, 0, .3)
}

.ui-common-qrcode-popup-wrapper .ui-common-qrcode-popup:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 1;
  width: 10px;
  height: 10px;
  background: #fff;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, .2);
  transform: translate(-50%, -50%) rotate(-135deg)
}

.ui-common-qrcode-popup-wrapper .ui-common-qrcode-popup-img {
  position: relative;
  width: 140px;
  height: 140px
}

.ui-common-qrcode-popup-wrapper .ui-common-qrcode-popup-img img {
  width: 100%;
  height: 100%
}

.ui-common-qrcode-popup-wrapper .ui-common-qrcode-popup-text {
  margin-top: 12px;
  color: #000;
  font-family: "微软雅黑", Verdana, sans-serif;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;
  white-space: normal
}

.ui-common-qrcode-popup-wrapper .ui-common-qrcode-popup-refresh {
  display: none
}

.ui-common-qrcode-popup-wrapper .ui-common-qrcode-popup-refresh .ui-common-qrcode-popup-img {
  border: 1px solid #f2f2f2;
  background-image: url(//s1.url.cn/tim/docs/static/img/qrcode-error-95dcb60dfe.png);
  background-repeat: no-repeat;
  background-size: 100%
}

.ui-common-qrcode-popup-wrapper .ui-common-qrcode-popup-refresh .ui-common-qrcode-popup-img .ui-common-qrcode-popup-refresh-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -25px;
  margin-top: -25px;
  width: 50px;
  height: 50px;
  background-image: url(//s1.url.cn/tim/docs/static/img/refresh-1c0500cf7d.png);
  background-repeat: no-repeat;
  background-position: -100px 0;
  cursor: pointer
}

.ui-common-qrcode-popup-wrapper .ui-common-qrcode-popup-refresh .ui-common-qrcode-popup-img .ui-common-qrcode-popup-refresh-icon:hover {
  background-position: -50px 0
}

.ui-common-qrcode-popup-wrapper .ui-common-qrcode-popup-refresh .ui-common-qrcode-popup-img .ui-common-qrcode-popup-refresh-icon:active {
  background-position: 0 0
}

.ui-common-qrcode.js-show-qrcode .ui-common-qrcode-popup-wrapper {
  display: block
}

.ui-common-qrcode.js-show-refresh .ui-common-qrcode-popup-wrapper .ui-common-qrcode-popup {
  display: none
}

.ui-common-qrcode.js-show-refresh .ui-common-qrcode-popup-wrapper .ui-common-qrcode-popup-refresh {
  display: block
}

header.tim-web {
  /* height:40px; */
  padding: 0;
  width: 100%;
  min-width: 450px;
  /* position: fixed; */
  top: 1px;
  box-shadow: inherit;
  background-color: #f5f6f7;
  cursor: default;
  z-index: 1000
}

.web_header_bottom {
  padding: 5px;
}

.tim-user-slect-none {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.tim-triangle {
  border-top: 4px solid #696969;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  display: inline-block
}

.tim-triangle:hover {
  opacity: .5
}

.user-select-none {
  -webkit-user-select: none;
  user-select: none
}

.icon-mixin {
  font-family: hackpad;
  color: #666;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  text-decoration: inherit;
  margin-right: 8px;
  cursor: pointer;
  margin-left: -1.5em
}

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0)
  }
  100% {
    -moz-transform: rotate(359deg)
  }
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0)
  }
  100% {
    -webkit-transform: rotate(359deg)
  }
}

@-o-keyframes spin {
  0% {
    -o-transform: rotate(0)
  }
  100% {
    -o-transform: rotate(359deg)
  }
}

@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0)
  }
  100% {
    -ms-transform: rotate(359deg)
  }
}

@keyframes spin {
  0% {
    transform: rotate(0)
  }
  100% {
    transform: rotate(359deg)
  }
}

.editor-last-changed-web {
  position: relative;
  z-index: 9999;
  display: inline-block;
  font-size: 14px;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: opacity .5s;
  text-align: left;
  opacity: 0;
  color: #777
}

.template-guide {
  position: absolute;
  top: 0;
  z-index: 10001;
  width: 100%;
  height: 2000px;
  background-color: rgba(51, 51, 51, .6);
  -webkit-user-select: none;
  user-select: none
}

.template-guide-create {
  position: absolute;
  top: 30px;
  right: 12px;
  width: 28px;
  height: 28px;
  background-color: #fff
}

.template-guide-image {
  position: absolute;
  top: 70px;
  right: 30px
}

.template-guide-title1 {
  position: absolute;
  top: 252px;
  right: 44px;
  font-size: 21px;
  font-weight: 700;
  color: #fff
}

.template-guide-title2 {
  position: absolute;
  top: 280px;
  right: 12px;
  font-size: 18px;
  font-weight: lighter;
  color: #fff
}

.template-guide-btn {
  position: absolute;
  top: 312px;
  right: 85px;
  width: 85px;
  height: 30px;
  line-height: 30px;
  cursor: pointer;
  text-align: center;
  color: #fff;
  border-radius: 2px
}

.save-group-btn-container {
  position: relative;
  top: 36px;
  left: 56px;
  display: none
}

.save-group-box-tips {
  position: absolute;
  top: 25px;
  left: 8px;
  z-index: 1;
  z-index: 99;
  display: none;
  background-color: rgba(43, 43, 43, .9);
  color: #fff;
  font-size: 12px;
  padding: 3px 8px 4px 9px;
  line-height: 15px;
  border: 0;
  text-align: center;
  border-radius: 2px;
  letter-spacing: 1px;
  transform: translate(-50%)
}

.save-group-box-tips:before {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  top: -9px;
  left: 50%;
  margin-left: -5px;
  border: 5px solid transparent;
  border-bottom-color: rgba(43, 43, 43, .9);
  border-bottom-width: 4px
}

.save-group-box-tips span {
  display: inline-block;
  vertical-align: middle
}

.save-group-box-tips-group-name {
  max-width: 148px;
  text-overflow: ellipsis;
  vertical-align: middle;
  overflow: hidden
}

.close-save-group-box-tips-btn {
  margin-left: 18px;
  vertical-align: middle;
  cursor: pointer;
  display: inline-block;
  width: 10px;
  height: 10px;
  border: none;
  background-color: transparent;
  background-image: url(//s1.url.cn/tim/docs/static/img/newpic/close-save-group-box-tips-btn-e7e47ce679.png)
}

.close-save-group-box-tips-btn:hover {
  opacity: .5
}

.save-group-btn {
  display: inline-block;
  width: 18px;
  height: 16px;
  cursor: pointer;
  background-image: url(//s1.url.cn/tim/docs/static/img/newpic/doc-group-normal-8b334d6775.png);
  background-repeat: no-repeat;
  background-size: contain
}

.save-group-btn.success {
  cursor: initial;
  background-image: url(//s1.url.cn/tim/docs/static/img/newpic/doc-group-success-908f262b00.png)
}

.save-group-box {
  position: absolute;
  top: 27px;
  left: 0;
  z-index: 1;
  z-index: 99;
  display: inline-block;
  width: 180px;
  padding: 10px;
  border: 0;
  background-color: #fff;
  box-shadow: 1px 2px 5px 2px rgba(51, 51, 51, .15)
}

.save-group-box p {
  font-size: 12px;
  color: #777
}

.save-group-box p .close-group-box-icon {
  cursor: pointer;
  float: right;
  display: inline-block;
  width: 16px;
  height: 16px;
  border: none;
  background-color: transparent;
  background-image: url(//s1.url.cn/tim/docs/static/img/newpic/common-close-bt-normal-187d5e23bb.png)
}

.save-group-box p .close-group-box-icon:hover {
  background-image: url(//s1.url.cn/tim/docs/static/img/newpic/common-close-bt-hover-ddebbcec31.png)
}

.save-group-box div {
  padding: 8px 0
}

.save-group-box div span {
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: 8px;
  vertical-align: middle;
  border-radius: 50%
}

.save-group-box button {
  float: right;
  width: 76px;
  height: 28px;
  font-family: "微软雅黑", Verdana, sans-serif;
  font-size: 14px;
  line-height: 100%;
  cursor: pointer;
  text-align: center;
  color: #fff;
  border: 0;
  border-radius: 2px;
  background: #0188fb
}

.save-group-box button:hover {
  background-color: #289cff
}

.save-group-box button:active {
  background-color: #0081ef
}

.preview-title-tip {
  position: absolute;
  left: 20px;
  color: rgba(0, 0, 0, .5);
  font-size: 24px;
  line-height: 70px
}

.preview-title {
  position: absolute;
  transform: translate(-50%);
  left: 50%;
  color: #000;
  font-size: 24px;
  line-height: 70px;
  max-width: 500px
}

.preview-bottom {
  display: block;
  position: fixed;
  z-index: 99;
  height: 68px;
  width: 100%;
  bottom: 0;
  background-color: rgba(0, 0, 0, .25);
  text-align: center
}

.preview-bottom-btn {
  display: inline-block;
  width: 220px;
  height: 40px;
  margin: 14px 30px 0 30px;
  line-height: 40px;
  border-radius: 2px;
  font-size: 20px;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none
}

.preview-bottom-collect-btn {
  color: #000;
  background-color: #fff
}

.preview-bottom-edit-btn {
  color: #fff;
  background-color: #0188fb
}

.preview-qrcode-pc {
  position: absolute;
  top: 22px;
  right: 68px;
  padding: 0 8px 0 0;
  border-radius: 2px;
  z-index: 999
}

.preview-qrcode-pc-icon {
  display: inline-block;
  vertical-align: middle
}

.preview-qrcode-pc-text {
  display: inline-block;
  vertical-align: middle;
  margin-left: 2px;
  height: 28px;
  line-height: 28px;
  color: #333;
  font-size: 14px
}

.web_header_preview_icon_pos {
  position: relative;
  display: inline-block;
  top: 37px;
  left: 60px;
  width: 64px;
  height: 19px;
  background-image: url(//s1.url.cn/tim/docs/static/img/pc-preview-tip-icon-1f3bf63b66.png)
}

.common-web-popup-boxshadow {
  box-shadow: 1px 2px 5px 2px rgba(51, 51, 51, .15)
}

header.open {
  z-index: 100001 !important
}

.dropdown-wrapper {
  display: none;
  width: auto;
  height: auto;
  position: absolute;
  margin-top: 5px;
  z-index: 99;
  background-color: #fff;
}

.dropdown-wrapper-box {
  overflow-y: auto
}

.dropdown-container-disabled {
  opacity: .2
}

.dropdown-wrapper-box::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  background-color: #f4f4f4
}

.dropdown-wrapper-box::-webkit-scrollbar-thumb {
  background-color: #b8babd;
  border-radius: 20px;
  border: 3px solid transparent;
  background-clip: padding-box
}

.dropdown-wrapper.open {
  display: block;
  z-index: 1;
  border: 0;
  padding: 6px 0;
  background-color: #fff
}

.li-dropdown {
  position: relative;
  overflow: hidden;
  text-align: left;
  list-style-type: none;
  background-color: #fff;
  color: #000;
  cursor: pointer;
  height: 34px;
}

.li-dropdown-selected::after {
  content: '';
  background: url(../images/check-412cfa3a7b.png) no-repeat;
  background-size: 18px 18px;
  position: absolute;
  width: 18px;
  height: 18px;
  left: 5px;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
}

.li-dropdown-clicked {
  background-color: #e6e6e6
}

.dropdown-img-wrapper {
  display: inline-block
}

.dropdown-ic-content {
  font-family: "微软雅黑", Verdana, sans-serif
}

.li-dropdown-ic {
  height: 36px;
  min-width: 100px
}

.dropdown-ic-img-wrapper {
  width: auto;
  height: auto;
  float: left
}

.dropdown-ic-img {
  width: 18px;
  height: 18px;
  margin: 9px
}

.dropdown-ic-content-wrapper {
  width: auto;
  height: auto;
  display: inline-block;
  float: left
}

.dropdown-ic-content {
  text-align: left;
  font-size: 14px;
  line-height: 14px;
  font-weight: 400;
  margin: 12px 0
}

.li-hover-before {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  top: -9px;
  left: 50%;
  margin-left: -6px;
  border: 5px solid transparent;
  border-bottom-color: rgba(59, 58, 60, .95);
  border-bottom-width: 4px
}

.li-dropdown-i {
  width: 70px;
  height: 28px;
  text-align: center
}

.li-dropdown-c {
  width: auto;
  height: 34px
}

.dropdown-c-content-wrapper {
  width: auto;
  height: auto
}

.dropdown-c-content {
  text-align: center;
  font-size: 14px;
  line-height: 14px;
  font-weight: 400;
  padding: 10px 20px
}

.dropdown-c-content-small {
  width: 70px;
  box-sizing: border-box
}

.dropdown-c-content-normal {
  /* width: 170px; */
  padding-left: 26px;
  box-sizing: border-box;
  text-align: left;
  min-width: 120px;
}

.li-dropdown-celltype {
  /* width:auto;
    height:auto */
}

.dropdown-celltype-wrapper {
  width: 262px;
  padding: 8px 14px;
  height: 18px;
  box-sizing: border-box
}

.dropdown-celltype-title {
  text-align: left;
  font-size: 14px;
  line-height: 14px;
  color: #333;
  display: inline-block;
  position: relative;
  float: left;
}

.dropdown-celltype-detail {
  text-align: center;
  font-size: 14px;
  line-height: 14px;
  color: #777;
  display: inline-block;
  float: right
}

.dropdown-celltype-detail.hidden {
  display: none
}

.dropdown-celltype-select {
  /* border: 0; */
  margin-right: 10px;
}

.dropdown-celltype-input {
  width: 100px;
}

.dropdown-separator-wrapper {
  background-color: #fff;
  padding: 6px 14px
}

.dropdown-separator {
  height: 1px;
  background-color: #e0e2e4
}

.li-dropdown-c.disabled .dropdown-c-content-wrapper .dropdown-c-content {
  opacity: .3
}

.toolbar-docx-icon:hover {
  background-color: rgba(51, 51, 51, .1);
  color: #222
}
.fa:hover {
  background-color: rgba(51, 51, 51, .1);
  color: #222;
   
}
.fa{

font-size: 14px;
}
.toolbarMenu{
  padding: 6px; 
}

.toolbar-docx-icon {
  direction: ltr;
  text-align: left;
  height: 26px;
  width: 26px;
  overflow: hidden;
  vertical-align: middle;
  background-image: url(../images/toolbar_sprite-b10831d0df.png);
}
.toolbar-icon-chart { 
  width: 30px;
    height: 27px;
    background-image: url(../images/chart.svg);
}
.toolbar-icon-sheet-bottom-align-row {
  background-position: 0 -108px;
  width: 14px;
  height: 14px
}

.toolbar-icon-sheet-bottom-align {
  background-position: 0 -1536px;
  width: 26px;
  height: 26px
}

.toolbar-icon-sheet-center-align-row {
  background-position: 0 -94px;
  width: 14px;
  height: 14px
}

.toolbar-icon-sheet-center-align {
  background-position: 0 -1588px;
  width: 26px;
  height: 26px
}

.toolbar-icon-sheet-left-align-row {
  background-position: 0px -80px;
  
  width: 14px;
  height: 14px
}

.toolbar-icon-sheet-left-align {
  background-position: 0 -1640px;
  width: 26px;
  height: 26px
}

.toolbar-icon-sheet-middle-align-row {
  background-position: 0 -52px;
  width: 14px;
  height: 14px
}

.toolbar-icon-sheet-middle-align {
  background-position: 0 -1692px;
  width: 26px;
  height: 26px
}

.toolbar-icon-sheet-right-align-row {
  background-position: 0 -136px;
  width: 14px;
  height: 14px
}

.toolbar-icon-sheet-right-align {
  background-position: 0 -1744px;
  width: 26px;
  height: 26px
}

.toolbar-icon-sheet-top-align-row {
  background-position: 0 -122px;
  width: 14px;
  height: 14px
}

.toolbar-icon-sheet-top-align {
  background-position: 0 -1796px;
  width: 26px;
  height: 26px
}

.toolbar-active { 
  background-color: rgba(51, 51, 51, .1);
  color: #222
}


.toolbar-docx-icon1 {
  direction: ltr;
  text-align: left;
  height: 22px;
  width: 16px;
  overflow: hidden;
  vertical-align: middle;
  background-image: url(../images/toolbar_sprite-b10831d0df.png);
}

.dropdown-i-img-wrapper {
  width: auto;
  height: auto;
  padding: 0 10px
}

.dropdown-i-img {
  width: 14px;
  height: 14px;
  margin: 7px
}

.toolbar-button-content-format {
  padding: 3px;
  font-size: 14px;
  /* line-height: 32px; */
  /* list-style: none; */
  text-decoration: none;
  /* vertical-align: top; */
  cursor: default;
}

.toolbar-menubtn:hover {
  background-color: rgba(51, 51, 51, .1);
  color: #222
}

.dataset {
  /* width: 500px; */
  margin: 0 auto;
  position: relative;
  font-size: 12px;
}

.menuM {
  width: 290px;
  float: left;
}

.menu ul {
  clear: both;
}

.nav {
  height: 35px;
  border-bottom: 1px solid #e5e5e5
}

.nav li {
  float: left;
}

li {
  list-style: none;
}

.nav li.on span {
  color: #1286e6;
  border-bottom: 2px solid #1286e6;
}

.nav li {
  float: left;
  display: block;
  height: 35px;
  cursor: pointer;
  text-decoration: none;
  outline: none;
}

.nav li span {
  float: left;
  padding: 10px 6px;
  line-height: 14px;
  font-size: 12px;
  /*font-weight: bold; */
  color: #333;
  text-decoration: none;
}

.content span {
  float: left;
  padding: 6px 10px 4px 6px;
  line-height: 12px;
}

.con {
  padding: 0 20px;
  clear: both;
}

.content:first-child {
  display: block;
}

.content {
  display: none;
}

/*折叠菜单样式*/

.menu-wrap,
.menu-wrap1 {
  border-bottom: 1px solid #e5e5e5;
  height: 200px;
  overflow: auto;
}

.title,
.m-w-list li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  /* 文本不换行，这样超出一行的部分被截取，显示... */
}

.title {
  width: 100%;
  height: 30px;
  line-height: 30px;
  cursor: pointer;
  /* font-weight: bolder; */
  padding-left: 15px;
  font-size: 12px;
}

.title1 {
  width: 100%;
  height: 20px;
  line-height: 20px;
  cursor: pointer;
  /* font-weight: bolder; */
  padding-left: 15px;
  font-size: 12px;
}

/* 下箭头 */

.down-arrow,
.down-arrow1 {
  position: relative;
}

.down-arrow::before,
.down-arrow1::before {
  display: inline-block;
  content: " ";
  height: 6px;
  width: 6px;
  border-width: 0 2px 2px 0;
  border-color: #999999;
  border-style: solid;
  transform: rotate(-135deg);
  transform-origin: center;
  transition: transform .3s;
  position: absolute;
  /* top: 50%; */
  left: 5px;
  margin-top: 10px;
}

.down-arrow1::before {
  margin-top: 5px;
}

/* 加上active旋转成 上箭头 */

.down-arrow.active::before,
.down-arrow1.active::before {
  transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
  transition: transform .3s;
}

.down-arrow,
.down-arrow1 {
  position: relative;
  text-indent: 5px;
}

/* 加上active旋转成 上箭头 */

.menu-wrap ul ul,
.menu-wrap1 ul ul {
  display: none;
}

.menu-wrap ul ul li,
.menu-wrap1 ul ul li {
  width: 100%;
  height: 22px;
  line-height: 22px;
  text-indent: 30px;
  /* border-bottom: dashed 1px #ccc; */
  cursor: pointer;
  font-size: 12px;
}

.menu-wrap ul ul li:hover,
.menu-wrap1 ul ul li:hover {
  color: #333;
  background-color: #f7f7f7
}

.menu-wrap ul ul.active,
.menu-wrap1 ul ul.active {
  display: block
}

.fancy-label,
.fancy-label1 {
  position: relative;
  margin-bottom: 20px;
}

.fancy-label label,
.fancy-label1 label {
  position: absolute;
  top: 14px;
  left: 7px;
  padding: 0 5px;
  -webkit-transition: top .5s, font-size .3s;
  transition: top .5s, font-size .3s;
  font-size: 12px;
}

.fancy-label button {
  position: absolute;
  top: -24px;
  right: 5px;
  /* background: transparent; */
}

.fancy-label textarea,
.fancy-label1 textarea {
  font-size: 12px;
  padding: 10px;
}

.fancy-label textarea:hover+label,
.fancy-label textarea:focus+label,
.fancy-label textarea:valid+label {
  top: -9px;
  font-size: 12px;
}

.fancy-label1 textarea:hover+label,
.fancy-label1 textarea:focus+label,
.fancy-label1 textarea:valid+label {
  top: -9px;
  font-size: 12px;
}

label {
  background: #fff;
  color: #1286e6;
  font-size: 12px;
}

textarea {
  color: #333;
  border: 1px solid #289afa;
  background: #fff;
  /* width: 170px; */
  outline: 0;
  resize:none
}

.textareaw {
  width: 280px;
}

.detail {
  padding: 20px 0 20px 8px;
}

.button-du {
  text-align: center;
  cursor: pointer;
  border-radius: 4px;
  border: none;
  transition: all 0.5s;
}

.button-du span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.button-du span:after {
  content: '»';
  position: absolute;
  opacity: 0;
  /* top: 8; */
  right: -10px;
  transition: 0.5s;
}

.button-du:hover span {
  padding-right: 15px;
}

.button-du:hover span:after {
  opacity: 1;
  right: 0;
}

 

.funct {
  text-indent: 20px;
  line-height: 20px;
}

.funct:hover {
  color: #333;
  background-color: #f7f7f7;
  cursor: pointer;
}

.closes {
  top: 10px;
  right: 10px;
  color: #ccc;
  font-size: 16px;
  float: right;
  margin-top: -20px;
}

/* 
  .clear {
    clear: both;
    float: none;
    height: 0;
    overflow: hidden;
  } */

/*p{font-size: 100px;}*/

#btn {
  width: 80px;
  height: 40px;
  background: #3b7ae3;
  margin: 0 auto;
  display: block;
  cursor: pointer;
  border-style: none;
  color: #fff;
  font-size: 16px;
}

.dataset {
  position: absolute;
  top: 100px;
  left: 100px;
  /* width: 400px; */
  height: auto;
  border: 1px solid #d5d5d5;
  z-index: 1001;
  display: none;
  background: #fff;
}

.titleM {
  position: relative;
  background-color: #f7f7f7;
  cursor: move;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  color: #333;
  padding-left: 30px;
}

.close {
  position: absolute;
  top: 0;
  right: 10px;
  color: #ccc;
}

.contentM {
  background: #fff;
  padding: 15px 20px;
}

#hot{
  z-index: 1;
  /* top: 95px; */
}
.tool-tip-box{
  display:block;
  background:rgba(0,0,0,.5);
  line-height:1.6;
  border:1px solid #effbfb;
  color:#fff;
  padding: 2px 5px;
  font-size:12px;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  overflow:auto;
}
